运用vscode和genymotion搭建flutter项目

首先第一步:注册Genymotion账号,要记下账号密码后面使用。

注册地址:http://www.genymotion.com/

第二步:下载genymotion

第三步:安装好Genymotion之后,下载安装Oracle的VirtulBox,(Genymotion需要虚拟环境才能运行)

下载地址:https://www.virtualbox.org/wiki/Downloads

第四步:启动genymotion,登录后选择设备型号。下载想要选择的设备型号,然后点击start,把设备启动起来。在设置中可以使用默认的sdk。也可以安装自己本地的sdk,选择好地址就可以了。启动设备后不要关闭,然后回到vscode界面


第五步:根据flutter官方文档上的步骤装上插件:flutter、dart。并创建自己的第一个flutter项目

官网网址:https://flutterchina.club/get-started/install/

根据官网步骤就可以

第六步:也是最重要的一步

配置项目中的.vscode/launch.json这个文件夹

配置如下:

{

    // 使用 IntelliSense 了解相关属性。

    // 悬停以查看现有属性的描述。

    // 欲了解更多信息,请访问: 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启动项目,根据flutter官网上的步骤启动,等待一会儿,第一次启动会比较慢,像这样就是启动了。

启动控制台

第八步:回到genymotion页面,就可以看到启动了的项目


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容