運(yùn)用vscode和genymotion搭建flutter項(xiàng)目

首先第一步:注冊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)目


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容