美文网首页Android
运用vscode和genymotion搭建flutter项目

运用vscode和genymotion搭建flutter项目

作者: 混世小仙女_c079 | 来源:发表于2019-03-11 15:11 被阅读0次

    首先第一步:注册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页面,就可以看到启动了的项目

    相关文章

      网友评论

        本文标题:运用vscode和genymotion搭建flutter项目

        本文链接:https://www.haomeiwen.com/subject/nncopftx.html