解决vscode中开发flutter代码提示

开始开发flutter,首先配置环境和编译器,是很重要的,根据flutter中文网或者官网提示,我们安装好一切开发环境,可以正常项目并运行,我们会遇到使用vscode的同事无法进行代码只能提示,我们只需要简单配置即可。

参考链接:
https://flutterchina.club/setup-windows/
https://flutterchina.club/get-started/test-drive/#vscode

根据上面两个链接,我们可以配置好开发环境,我们再vscode中安装Dart插件,
解决vscode中开发flutter代码提示_第1张图片
这时重启vscode发现还是无法进行代码提示。我们需要进行额外的配置来解决
首先我们需要在系统环境变量中设置 FLUTTER_ROOT 变量,这个是你安装flutter的分路径,然后再path中加上**%FLUTTER_ROOT%/bin**。在vscode中设置参数如下: 文件 —》首选项 —》设置
解决vscode中开发flutter代码提示_第2张图片
然后根据下面的选项配置即可,选择用户或者工作区均可,以下设置你也可以根据自己的需要进行设置:

"dart.debugExternalLibraries": true,
"dart.debugSdkLibraries": true,
"dart.enableCompletionCommitCharacters": true,
"dart.flutterHotRestartOnSave": true,
"dart.lineLength": 120,
"dart.previewFlutterUiGuides": true,
"dart.triggerSignatureHelpAutomatically": true

设置完毕之后重启vscode,如果在vscode终端命令中提示没有 flutter 命令,则需要重启电脑,这是windows比linux麻烦的地方。

你可能感兴趣的:(flutter)