【Flutter边学边实战】vscode中创建flutter项目并运行android模仿器
vscode中创建flutter项目1、安装插件：Flutter extension for VS Code
https://i-blog.csdnimg.cn/direct/21b11d9648e94adcbfb7b9855c2c578d.png
2、按下快捷键 Control + Shift + P，并输入flutter
https://i-blog.csdnimg.cn/direct/0828182218894f2188ad84cfad74b988.png
3、选中Flutter:New Project，并按回车
https://i-blog.csdnimg.cn/direct/577433033ecd45b9bfdaafed2053d766.png
选择前三个此中之一即可，然后按照vscode的提示，选择项目位置，给项目定名，这样一个根本的flutter项目就创建出来了。
vscode中运行android模仿器
1、配置android sdk环境变量
https://i-blog.csdnimg.cn/direct/070acbf0abc14848a7106507d77bc728.png
2、指定android sdk目录
android studio中：
https://i-blog.csdnimg.cn/direct/06b9f99306c6447a9ab692ea71c2f068.png
vscode中：
https://i-blog.csdnimg.cn/direct/46d41c8b5a594a0d81b8c365fef7dc93.png
https://i-blog.csdnimg.cn/direct/7db8d2c8fe2f4076a35e720ab1faf719.png
3、在android studio中创建模仿器
https://i-blog.csdnimg.cn/direct/6e6a61e58dff48809b408ad1d85a623b.png
https://i-blog.csdnimg.cn/direct/e8042543ff724e3584fc6933ec22403a.png
https://i-blog.csdnimg.cn/direct/0c7d6dca622a4d71b92aa6b713006ead.png
这一步重要是选择硬件类型：Phone, Tablet, DeskTop等等，重要是尺寸的不同。
https://i-blog.csdnimg.cn/direct/f559d234d0ff4227b63e67fcc1dd2265.png
起首下载android版本，这一步需要较长时间，因为文件比较大。
这一步是选择android软件的版本，然后点击Next，最后点击Finish即可。
4、vscode中安装模仿器插件
搜索：Android iOS Emulator
https://i-blog.csdnimg.cn/direct/e2ec99d046c441788c8e9aa682b53bdd.png
Ctrl + Shift + p 调出指令面板，输入Emulator
https://i-blog.csdnimg.cn/direct/da8177810dde48539709f79e73c1e365.png
https://i-blog.csdnimg.cn/direct/07ab10d07f6d47daa8ffdf1bd6b42c04.png
我们选择第一步创建好的android模仿器，
5、运行Flutter项目
按F5即可运行Flutter项目
https://i-blog.csdnimg.cn/direct/303bbd7c92ee4a0b8fe32632822515fc.png
https://i-blog.csdnimg.cn/direct/239af2e9ed7f401e9b92aaa1bfcdd6e9.png
可以看到已经运行乐成了。
vscode启动flutter问题排查
我在运行flutter项目的时候，以下这个问题是困扰我最多的：
https://i-blog.csdnimg.cn/direct/7bed221a407d48c8a0457f82d791d820.png
我做的工作：
1、添加环境变量
https://i-blog.csdnimg.cn/direct/0a1d1c94a2fe4843bb6444d3a67e5088.png
2、关掉杀毒软件如360安全卫士
https://i-blog.csdnimg.cn/direct/6002ce4c44394c28937cc6c84cb94cc7.png
360安全卫士会视adb.exe为一个病毒软件，会限制adb.exe的实行
3、空间不足
https://i-blog.csdnimg.cn/direct/ec672519fe95490dab4e57b42a8eb490.png
这大概是空间不足引起的，可以清算空间，重试一下。
4、杀死正在运行的模仿器
有时候需要重新打开一个模仿器，但是如果有一个正在运行的模仿器，就会报错：
https://i-blog.csdnimg.cn/direct/eb6f4c0bf68c4fb59d905ab9a5fa72ce.png
按照提示，我们实行命令：D:\android-sdk\emulator\emulator -avd Pixel_9_API_35
https://i-blog.csdnimg.cn/direct/21ffc374640d492988d69704107707bb.png
提示有正在运行的模仿器，这时候我们可以强制通过命令杀死：
1、检察正在运行的模仿器设备
adb.exe devices
https://i-blog.csdnimg.cn/direct/6ca4d16a5f634414929b6c2c97ba5b28.png
2、杀死正在运行的模仿器
adb.exe -s emulator-5554 emu kill
https://i-blog.csdnimg.cn/direct/26fad8cd60e74605b466aab4a5e76706.png
再次运行即可。
5、SDK XML版本不匹配问题https://i-blog.csdnimg.cn/direct/bf3c052c73684c66bf7799fc71f9d39a.png
找到SDK Tools，下载CMake即可办理
https://i-blog.csdnimg.cn/direct/4abe084532f44de5b43a654f4f17d8c3.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]