Flutter 创建第一个项目 for mac

接着上文搭建好了Flutter的基本环境。 现在我们来开始创建一个Flutter项目。 

Android studio 方式

1.  利用 android studio 创建项目。 

2. 下载Flutter 和 dart 插件, 路径打开 Android Studio  --  Preferences  -- plugins --  搜索  Flutter 和  dart ,下载完毕后,就重启 Android studio. 

3. 如果出现下图菜单中多了个 新建flutter项目,说明插件安装成功,可成功创建项目了。 

Flutter 创建第一个项目 for mac

4. 如果想运行这个Flutter项目, 可通过终端。 进入这个项目的根目录。 然后在使用  flutter fun 

Flutter 创建第一个项目 for mac

出现上面这个图,恭喜你,说明项目已经运行到真机上了。 

5.  除了通过命令行启动命令, 也可以通过Android studio 自身的直接启动flutter项目,注意下面图,选对flutter sdk的路径。 

Flutter 创建第一个项目 for mac

 

 

VS Code  (Visual  studio Code)  方式. 

1. 下载 Vs Code  ,下载地址

2. 安装插件 Flutter  , Dart 。 

3. 我这里出现了链接不上扩展商城。 用了网上的各种方法都不行,卸载重装,改代理等等。 

Flutter 创建第一个项目 for mac

4. 最后只能通过下载离线插件,然后手动安装插件这个方法  ,插件下载地址 : 下载地址

5. 安装完毕后,重启VSCODE ,  快捷键  commond + ctrl + p ,输入 flutter ,新建 一个flutter项目

6. 什么都不要动,我们开始运行项目,点击下方按钮,开始调试项目。 我是一次跑起项目,大功告成。 

Flutter 创建第一个项目 for mac