flutter 创建并运行(vs code)


flutter中文网:

https://flutterchina.club/get-started/install/

 

创建并运行flutter项目

1.1 Visual Studio Code(VS Code) 安装

 

1.2 为vs code 安装Flutter 插件

  • 1.2.1启动vs code

  • 调用查看》命令面板

  • 输入install ,然后选择Extensions:Install Extension

  • 在搜索框中输入 flutter,在搜索结果列表中选择Flutter,然后点击Install

  • 选择 OK 重新启动VS Code

通过 flutter doctor 验证VS Code 是否安装配置成功

  • 调用 查看 》命令面板

  • 输入 doctor ,然后选择 Flutter:Run Flutter Doctor

  • 查看 OUTPUT窗口中的输出是否有问题。

创建flutter 项目

  • 在VS Code 面板中,按下快捷键 Ctrl + Shift + P 打开命令面板

  • 在命令面板中输入 flutter

  • 选择 flutter:New Project 选项创建新项目。

运行 flutter 项目

  • 运行 flutter devices 命令查看 是否有android 设备连接到当前电脑上。

  • 如果显示已有安卓设备连接到当前电脑,则运行 flutter run 命令,即可把项目以debug调试模式运行于安卓设备之上。

    注意: 如果运行 flutter devices 命令无法查看到已连接的安卓设备,则按如下的步骤来配置手机,开启开发者模式:

    • 需要安装 Android 4.1(API level 16)更高版本 的Android设备。

    • 在你的设备上启用 开发人员选项USB调试 。详细说明可在

      Android文档中找到:https://developer.android.com/studio/debug/dev-options.html

    • 使用USB将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。

    • 最后,在终端中运行:flutter devices 命令以验证 Flutter 识别您连接的Android设备。

vs code 里的Flutter的相关命令

调出终端: Ctrl + `


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM