编程工具选择:vs-code(Visual Studio Code)-曾经我觉得hb还挺好用的,但是自从,自从我用了vs非uni项目基本上不会启动hb,目前最认可的最强编译器只有idea和vs 扩展安装 flutter,第二步clone仓库 打开对应项目 查看-命令面板-新建flutter项目 很块提示 dart语言需要环境,需要下载sdk,我们点击download 提示选择目录,那很...
作为一名前端开发,在flutter支持的几种编辑器中还是用vs code比较顺手,于是打算用vs code来配置flutter开发环境 先跟着官网进行前几步基础安装程序,前几步官网上有的基础配置,最好跟着官网来,博客会过时,官网会更新。。 1. 安装flutter export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BAS...
新建项目:只建议在“cmd”中新建(可配置平台),不建议在“VS Code”中新建(默认全平台) 定位到预想的位置,例如“E:\flutterCode”内,在地址栏输入“cmd”并回车。 新建命令: flutter create --platforms android -a java --org com.flutter Myapp 解释: flutter create --platforms android 配置为仅 android ...
[✓] VS Code (version 1.84.2)• VS Code at /usr/share/code• Flutter extension version 3.78.0[✓] VS Code (version 1.84.2)• VS Code at /snap/code/current/usr/share/code• Flutter extension version 3.78.0 flutter doctor -v [!] Flutter (Channel master, 3.18.0-1.0.pre, ...
搭建配置 打开安装完毕的Visual Studio Code, 打开设置——扩展(Ctrl+Shift+X)分别搜索安装Dart和Flutter;需要中文显示的可以安装Chinese (Simplified) Language Pack for Visual Studio Code;安装完毕后按提示重启VS Code。到这一步,基于VS Code的Flutter开发环境基本搭建成功。
打开flutter_console.bat,出现: 然后在环境变量Path中,加入: 即是Flutter的bin路径 然后回到flutter_console.bat 窗口,输入:flutter doctor ,得到: 可以发现,这里提示license没有安装,但是现在我也解决不了这个问题,于是就不管。 然后Chrome 也没有安装,但是无妨,win10自带的edge也能用。
安装完备后,重新在终端执行 flutter doctor 指令,查看是够还存在问题。没有问题,那么即表示我们的环境配置完成。 创建一个新的Flutter程序 此处表述的均是使用 VS Code的前提。 1.启动 VS Code 2.调用 View>Command Palette… 3.输入 ‘flutter’,然后选择 ‘Flutter: New Project’ action ...
code. 1. 2. 在VS Code 中,打开终端(`Ctrl + ``),然后运行以下命令启动应用: flutter run 1. 此命令将编译并在连接的设备(如 Android 模拟器或物理设备)上运行你的应用。如果没有连接设备,Flutter 会提示你连接设备。 结尾 通过以上步骤,你已经成功地在 Windows 上配置了 Flutter 开发环境,并且使用 VS Co...
1、启动 VS Code 2、调用 View>Command Palette… 3、输入 ‘install’, 然后选择 Extensions: Install Extension action 4、在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击Install 5、选择 ‘OK’ 重新启动 VS Code 验证Flutter插件是否安装成功: ...
打开最开始创建的 helloflutter 项目,执行 flutter run 就能运行起来啦! 到此VS 的 Flutter 基本开发环境算是配置好了。 试着修改了下 lib/main.dart 文件,然后在终端输入r,可以看到可以立马更新到模拟器上,很是快捷。 开发初体验 创建App 不用之前创建的工程,用 VS Code 也是可以创建工程的。