朋也的博客 » 首页 » 文章

Flutter环境搭建以及创建项目在vscode里开发并启动以及热加载

作者:朋也
日期:2019-07-16
类别:flutter学习笔记 


版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证

一直都想学一下flutter的,今天正式开始

安装

到官网上下载对应平台的sdk,然后安装好配置好环境变量 链接:https://flutter.dev/docs/get-started/install

安装好之后,运行 flutter doctor 查看一下ide和一些工具依赖是否安装成功

IDE

上一步配置好环境变量后,运行 flutter doctor ,如果电脑上已经安装了 vscode ,那么它会提示你安装相应的插件,按照它的提示安装好即可

我这用的ide就是 vscode ,后面如果涉及到打包,可能会用到 xcode 或者 android studio

创建项目

运行命令

flutter create hello_world

文原接链: https://atjiu.github.io/2019/07/16/flutter-helloworld/

这里的项目名不能以 - 相连,因为项目名在创建的时候会作为项目的包名

创建好之后,使用 vscode 打开,有两种启动方式

  1. 在vscode终端里运行flutter run
  2. 在vscode里打开debug,创建一个启动文件,使用debug的模式启动

注意,在启动之前,要先启动一个模拟器,我用的是 mac 启动模拟器命令是 open -a Simulator

如果平台是 windows 或者想启动一个 android模拟器,可以打开 Android studio 启动,也可以使用一些安卓游戏模拟器

问题

我在启动的过程中碰到了一些问题

解决办法:在运行 flutter run 命令的终端里配置一下代理信息 export NO_PROXY=localhost,127.0.0.1 如果有http代理,同样配置上即可

先更新一下 flutter 版本, 然后重启vscode,再次启动,如果有提示要开启 dart: open devtools 则同意,提示是否要激活 devtools 也选择同意,这样就可以启动成功了,当修改代码后,什么都不用点,它就会自动的去重新加载

开发神器,大赞!

参考