flutter笔记1：VScode安装dart code插件踩坑记录

新手菜鸟一枚，想从产品转入技术坑，目标：移动端APP开发。最近听技术达人 飞狐 说flutter beta发布了，支持跨平台APP开发，各种强大易上手，于是乎零基础入坑~话说想提高英文水平的同学，请移步flutter官网，从知道flutter到现在刚好24小时，在这里分享一点学习中遇到的小坑，

按官方套路安装：

1.下载flutter SDK：

git clone https://github.com/flutter/flutter.git

什么? 不会git?请自行百度git安装教程，或者打开这里，直接下载sdk压缩包：

 

flutter SDK下载

 

直接执行这个命令下载超慢，而且不停掉线，舍不得买代理FQ的童鞋，请配置镜像服务器地址，查看官方说明：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

可惜俩命令只支持mac和linux，坑爹的教程，害我去hosts里面配了半天没效果，再胡乱搜了半天，才发现是在windows下加两个环境变量：
PUB_HOSTED_URL https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn

 

flutter镜像

配置好这个变量后，执行上面的git命令下载flutter提速几倍，也不算快，但不至于各种掉线和失败了

2.SDK下载完成后，你得让操作系统识别flutter的命令，所以再次打开环境变量：
控制面板>系统和安全>系统>高级系统设置>环境变量，Path变量中添加Flutter的路径，结尾记得加英文;号:
[你的Flutter文件夹路径]\flutter\bin

win10的同学请到系统设置里搜索“环境变量”>编辑环境变量，向列表里添加以上路径

3.打开“命令提示符”，以管理员身份运行，输入：

flutter doctor

如果提示命令不存在或无法识别，请检查上一步的环境变量是否正确添加
如果环境变量没问题，输入上面的命令后，flutter会自动下载一系列的依赖和基础控件，请耐心等待几十秒，幸好有官方镜像的配置，否则这里妥妥的下个通宵，别问我怎么知道的。。。。

下载完毕后效果：

 

flutter安装完毕

提示安装android studio和android SDK，这个请大家参考我的第二篇笔记

4.VScode配置
进入VScode，打开扩展列表，输入dart code，搜索dart插件，点击安装>重启：

 

dart code

是时候验证信仰了，点击菜单中的查看->命令面板，输入：

doctor

选择Flutter: Run Flutter Doctor回车

 

doctor命令

安装dart code插件后VScode居然无法识别flutter命令

相信有些同学会提示：没有匹配的命令
并且反复安装dart code这个插件还是检索不到这个命令，但是在命令提示符里输入：flutter doctor，居然是能正确运行的，坑爹呢这是
各种查不到资料。。。

就在我准备放弃使用vscode的命令行后，问题解决了。。。。请看下一步

5.打开命令提示符，进入一个自己想新建flutter项目的文件夹下，输入：

flutter create myflutter

耐心让命令行滚动一会儿~
执行完毕后，会在文件夹下生成一个myflutter文件，这个时候用vscode打开这个文件夹，再回到菜单中的查看->命令面板，输入：doctor

呵呵，命令搜索到了，居然还有这种操作！
也就是说vscode必须在打开flutter项目的情况下，才能识别dart指令，关闭项目文件夹后，又无法识别指令了。至于怎么回事，我还没搞清楚，找到原因和处理办法了再分享给大家吧，如果有高手知道怎么搞，请评论中告诉我~感激不尽

转载于:https://www.cnblogs.com/dfsxh/p/10448865.html