Dart以及Flutter的环境配置之vocode

梦里梦外; 2024-04-19 12:49 13阅读 0赞

## **第一步：安装dartSDK** ##

官网下载地址：

https://dart.dev/get-dart

不推荐使用命令行的方式安装，这里我们使用软件安装

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70][]

选择版本下载：（我选的是稳定版）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 1][]

下载好以后，打开，一直下一步就好了。

然后测试是否安装成功，打开CMD

输入：dart –version 如果出来版本号，说明安装成功了.

![20190918151554171.png][]

# **第二步：打开vscode 安装dart、code runner插件** #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 3][]

Ok这样dart的环境就配置好了。

现在我们再来配置flutter的环境

# **第一步安装java sdk** #

自行百度，一大把。

# **第二步安装 flutter sdk** #

官方下载地址

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 4][]

https://flutter.dev/docs/development/tools/sdk/releases

下载好以后解压到一个文件夹，注意文件路径不要有中文。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 5][]

# **第三步配置环境变量** #

然后打开文件夹找到bin目录复制下来，然后配置环境变量。

在系统变量中找到Path，把路径添加进去。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 6][]

然后在cmd中输入命令 flutter -v

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 7][]

出来这些信息说明fluttersdk配置成功。

# **第四步、安装flutter的国内镜像文件** #

因为创建项目会下载很多资源，不能科学上网的话就会创建不成功。

地址：

https://flutter.cn/

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 8][]

然后添加两个环境变量 注意没有冒号

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 9][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 10][]

然后我们cmd 输入命令 flutter doctor

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 11][]

第一次运行的时候第二行会出现感叹号，这时候我们复制红框中的命令

flutter doctor --android-licenses

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 12][]

一直输入Y

![20190918151553347.png][]

出现这样的效果就可以了，然后重新输入命令 flutter doctor

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 13][]

这样前两行没有问题了，我们就配置成功了，因为我们没有使用AS，所以第三行是叉叉，因为我们没有连接设备，所以第四行是叉叉，我们先不管。

# **第五步、** #

现在打开vscode，安装flutter 插件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 14][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 15][]

Ok这样我们的准备工作就做完了，现在我们新建一个项目，记得路径不能有中文。

Ctrl+shift+p

然后输入 Flutter：new project

然后输入文件名，全小写。

然后回车，等待创建完成

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 16][]

Ok这样我们第一个项目就创建成功了。

然后我们打开第三方模拟器或者用真机

运行一下

在终端输入 flutter run

如果执行不了flutter run就下载一个node

根据电脑的配置，执行的速度有快有慢。

好了，dart和flutter的环境配置就到这里。Over！

**书写不易，感谢留赞！**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/e5644efb46b74aa985505796837ec6c8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/d84dffb5c8de4f82b68365a2295c8d80.png
[20190918151554171.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/f2a10f3efd8448edb2442629e23360df.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/abeaffc80f8d461e89165b52abe17f9f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/4351b3a6862f4ec298c77ab514f7e7b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/3f000e42dd8047b4886bc4032138e5c8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/eb59d71f42254ce9a02eff36f2d6c9a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/2dbb42aa277b463f9ddb13d56963147f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/8308389f10e44fd490d57abe061a969c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/ef90fe6201d94d8a9b3a37f19884e02d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/c815bbeb4ab7497c9a63f11237394a15.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/115744cb892e4af88543f6ae1b98e0f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/6eddbd4d773443cc92e0c34b6520e3e5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/b750c94819894d61894966100a9d2424.png
[20190918151553347.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/a0a5061fe5ba43c08c917e66489575f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 13]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/f8c8a654478b4b7196f294a82f9ed101.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 14]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/ac353f01fe5f4093a5252bb453d88ca8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 15]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/cf8857a9b57749a6a91bcaf8fbf13e6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxNjA3MjczMTMx_size_16_color_FFFFFF_t_70 16]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/f7e4c10ca39643d68828d407dd9dab3b.png