在vscode写flutter

小鱼儿 2021-08-28 19:51 399阅读 0赞

[前面需要的步骤][Link 1]  
[运行dart文件出现乱码][dart]

### 在vscode装两个插件 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][2020042715404179.png]

### 然后找个目录 ###

flutter create 你的项目名字

### 之后运行的时候使用 flutter run 就可以了 ###

在terminal 按下R健 是热加载  
按下P健 是网格  
按下O件 是切换到ios模式/和android模式  
按下Q健 退出调试预览模式

如果你没先连上设备是运行不了的：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70 1]

当你开启虚拟设备的时候 这个会自动连接上，不行就手动连接设备  
我这边是逍遥模拟器的连接指令，在CMD下输入：adb connect 127.0.0.1：21503，  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70 2]

这时我运行就可以了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70 3]

[Link 1]: https://blog.csdn.net/weixin_44601948/article/details/105621141
[dart]: https://blog.csdn.net/weixin_44601948/article/details/105620588
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70]: /images/20210724/4485902e8b8f4c3296a0128999aa9223.png
[2020042715404179.png]: /images/20210724/39da8e0baacc4bf398b051eafccaac48.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70 1]: /images/20210724/8ab83a5c0ac9464bb4d71c57415acbde.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70 2]: /images/20210724/442f3037d3c64a208c51e1a971a593d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYwMTk0OA_size_16_color_FFFFFF_t_70 3]: /images/20210724/2e045b5e2562417f8db8c7ee458685b3.png