1 clone flutter 1.5版本以上到本地
按照文档走
用户环境变量设置 path 里添加 flutter到 bin目录
2 clone flutter_web项目
1,//环境变量只配置了flutter sdk而没有配置dart sdk
flutter pub global activate webdev
//环境变量已经配置了dart sdk
pub global activate webdev
2,//环境变量只配置了flutter sdk而没有配置dart sdk
flutter pub global run webdev
//环境变量已经配置了dart sdk
pub global run webdev(webdev在demo里需要运行必须要执行这一步)
3,cd <flutter_web目录>/examples/hello_world
flutter pub upgrade 或 pub upgrade
或
flutter pub get 或 pub get
4,//环境变量只配置了flutter sdk而没有配置dart sdk
flutter pub global run webdev serve
//环境变量已经配置了dart sdk
webdev serve
3关于vscode上的坑
vscode需要运行可以dart文件
需要安装的插件: Dart ,runner Code(播放的小按钮)
如果输出中文乱码:需要再setting.json中添加如下代码
"code-runner.runInTerminal": true
以上这些做好了 可能在这里执行 会 找不到dart命令导致编译错误
首先要保证vscode里可以执行dart
虽然flutter里有dart的sdk集成 (一定要在系统变量里也添加DART_ROOT 路径地址)
建议自己安装 http://www.gekorm.com/dart-windows/
啪啪啪一顿安装完事,去环境变量中的系统变量中查看是否有路径
此时基本上差不多了 用户变量上添加同样的路径到用户变量中
此时重新执行 webdev serve(终端用vscode集成的可能会出问题,建议系统自带cmd)
打开 localhost:8080(即可看到心心念的 hello world)