Vs Code 调试 Dart语言爬坑三部曲

原创：https://blog.youkuaiyun.com/u010351267/article/details/87865318

VS Code 调试 Dart语言爬坑三部曲
第一坑：Dart在VS code中如何调试
第二坑：Code Runner 运行Dart乱码问题
第三坑：让Code Runner 正确编译dart代码
第一坑：Dart在VS code中如何调试
首先大家都知道的要在VS code中调试Dart语言，都会安装Dart插件,如下图所示：

安装完这个插件后，我们可以在自己的工作空间下（或者某个文件下某个文件）新建.dart后缀的Dart类型可编译文件。那么问题来了，我在dart里写了一些简单dart语法的代码怎么编译查看运行效果呢？安装 Code Runner 插件，如下图：

安装完Code Runner 插件后,在文件右键，选择 Run Code或者当前文件页卡，右边的三角形运行按钮单击，就可以运行当前代码,运行结果会在下面控制台弹出展示。但是就会迎来第二坑！

第二坑：Code Runner 运行Dart乱码问题
由于这块没有截图，但是如果有同学这里出现了，在OUTPUT页卡下的**[Running]**节点后全是菱形问号乱码，这个时候先从file 或者左下角齿轮那里打开系统设置（setting）,然后选到用户设置（User Setting）,然后打开 Extensions选项：

然后，打开Extensions后，往下拉，找到 Run Code configu… 选项，找到 Executor Map ,点击下面的 Edit in settings.json ，如下图：

最后，在打开的setting.json文件里，追加 "code-runner.runInTerminal": true,，如下图：

这样设置后，在运行就会正常显示，但是就是接下来的第三坑！

第三坑：让Code Runner 正确编译dart代码
可能有些同学到这里已经可以正常输出了，有的就不行，不行的大概会在控制台给段这样的提示：

无法将“dart”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称....
1
其实，这时候只要去下载
Dart SDK下载地址：Dart Windows下载

然后选择稳定版本，没毛病，下载下来，一路按照默认安装就好，然后他会自己配置系统环境变量，安装完成可以打开系统环境变量检查一下，没有则自己配置一下：

最后在打开win的cmd,检查一下：输入dart --version

如上图输出,则dart安装完成，并且成功配置了系统变量。这时候再去VS Code ,运行dart文件，应该就可以正常输出了。