首先第一步:注冊Genymotion賬號,要記下賬號密碼后面使用。
注冊地址:http://www.genymotion.com/
第二步:下載genymotion
第三步:安裝好Genymotion之后,下載安裝Oracle的VirtulBox,(Genymotion需要虛擬環(huán)境才能運(yùn)行)
下載地址:https://www.virtualbox.org/wiki/Downloads
第四步:啟動genymotion,登錄后選擇設(shè)備型號。下載想要選擇的設(shè)備型號,然后點(diǎn)擊start,把設(shè)備啟動起來。在設(shè)置中可以使用默認(rèn)的sdk。也可以安裝自己本地的sdk,選擇好地址就可以了。啟動設(shè)備后不要關(guān)閉,然后回到vscode界面

第五步:根據(jù)flutter官方文檔上的步驟裝上插件:flutter、dart。并創(chuàng)建自己的第一個flutter項(xiàng)目
官網(wǎng)網(wǎng)址:https://flutterchina.club/get-started/install/
根據(jù)官網(wǎng)步驟就可以
第六步:也是最重要的一步
配置項(xiàng)目中的.vscode/launch.json這個文件夾
配置如下:
{
? ? // 使用 IntelliSense 了解相關(guān)屬性。
? ? // 懸停以查看現(xiàn)有屬性的描述。
? ? // 欲了解更多信息,請?jiān)L問: https://go.microsoft.com/fwlink/?linkid=830387
? ? "version": "0.2.0",
? ? "configurations": [
? ? ? ? {
? ? ? ? ? ? "name": "Flutter",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "type": "dart"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Run Android on device",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "android",
? ? ? ? ? ? "target": "device",
? ? ? ? ? ? "port": 9222,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}",
? ? ? ? ? ? "ionicLiveReload": false
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Run iOS on device",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "ios",
? ? ? ? ? ? "target": "device",
? ? ? ? ? ? "port": 9220,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}",
? ? ? ? ? ? "ionicLiveReload": false
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Attach to running android on device",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "attach",
? ? ? ? ? ? "platform": "android",
? ? ? ? ? ? "target": "device",
? ? ? ? ? ? "port": 9222,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Attach to running iOS on device",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "attach",
? ? ? ? ? ? "platform": "ios",
? ? ? ? ? ? "target": "device",
? ? ? ? ? ? "port": 9220,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Run Android on emulator",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "android",
? ? ? ? ? ? "target": "emulator",
? ? ? ? ? ? "port": 9222,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}",
? ? ? ? ? ? "ionicLiveReload": false
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Run iOS on simulator",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "ios",
? ? ? ? ? ? "target": "emulator",
? ? ? ? ? ? "port": 9220,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}",
? ? ? ? ? ? "ionicLiveReload": false
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Attach to running android on emulator",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "attach",
? ? ? ? ? ? "platform": "android",
? ? ? ? ? ? "target": "emulator",
? ? ? ? ? ? "port": 9222,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Attach to running iOS on simulator",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "attach",
? ? ? ? ? ? "platform": "ios",
? ? ? ? ? ? "target": "emulator",
? ? ? ? ? ? "port": 9220,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Serve to the browser (ionic serve)",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "serve",
? ? ? ? ? ? "cwd": "${workspaceRoot}",
? ? ? ? ? ? "devServerAddress": "localhost",
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "ionicLiveReload": true
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Simulate Android in browser",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "android",
? ? ? ? ? ? "target": "chrome",
? ? ? ? ? ? "simulatePort": 8000,
? ? ? ? ? ? "livereload": true,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Simulate iOS in browser",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "ios",
? ? ? ? ? ? "target": "chrome",
? ? ? ? ? ? "simulatePort": 8000,
? ? ? ? ? ? "livereload": true,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}"
? ? ? ? },
? ? ? ? {
? ? ? ? ? ? "name": "Run Browser",
? ? ? ? ? ? "type": "cordova",
? ? ? ? ? ? "request": "launch",
? ? ? ? ? ? "platform": "browser",
? ? ? ? ? ? "target": "chrome",
? ? ? ? ? ? "simulatePort": 8000,
? ? ? ? ? ? "livereload": true,
? ? ? ? ? ? "sourceMaps": true,
? ? ? ? ? ? "cwd": "${workspaceRoot}"
? ? ? ? }
? ? ]
}
第七步:按f5啟動項(xiàng)目,根據(jù)flutter官網(wǎng)上的步驟啟動,等待一會兒,第一次啟動會比較慢,像這樣就是啟動了。

第八步:回到genymotion頁面,就可以看到啟動了的項(xiàng)目
