使用VS Code新建编译Flutter项目

本文的前提是你已经安装好了VS Code，并且安装了Flutter和Dart扩展插件。

1. 新建Flutter项目

查看——命令面板，或者Ctrl + Shift + P

输入 Flutter: New Project

然后输入项目名称，选择项目路径即可。

然后VS Code会自动打开一个新窗口示例。

2. 编译Flutter项目

调试——启动调试，或者快捷键F5即可编译并且自动部署App。

如果提示选择编译环境，请选择Dart & Flutter。

3.编译下载的别人的项目

在编译别人的项目之前，请先修改一下两个变量以匹配你的环境

一个是位于android\build.gradle中的 com.android.tools.build:gradle

另一个是位于android\gradle\wrapper\gradle-wrapper.properties中的 distributionUrl

具体请参考 Flutter - 下载别人的Flutter项目，本地编译不过

然后需要配置一下Flutter sdk的路径，也就是Android Studio中的FLUTTER_PATH（这个是一次性的，配置好一次，以后就不需要配置的）

文件——首选项——设置，搜索fluttersdkpath，入红框所示，填入你的Flutter路径即可。

下面的那个是paths，是一个数组，可以存放多个不同版本的Flutter，一般情况下不需要的。

最后按F5即可编译。

转载于:https://www.cnblogs.com/hupo376787/p/10035354.html

使用VS Code新建编译Flutter项目相关推荐

【Flutter】Flutter项目中遇到的各种坑
Flutter项目遇到的各种坑问题一 Execution failed for task ':app:compileDebugJavaWithJavac'. 问题二 Cannot create se ...
第 1-4 课：Flutter 项目结构及配置文件详解
对于一门新语言或新技术的学习来说,在新建了项目之后,了解其项目结构及含义.配置文件的编写,这些对后续的开发和深入学习起到很重要的作用.俗话说磨刀不误砍柴工,Flutter 的学习也同理,我们在新建了 ...
VS code 如何编译运行web项目教程
一.使用vs code开发运行web 项目由于 Visual Studio 体积大,对于性能不好的电脑的来说,简直是种不友好的开发体验.所以vs code 轻量级开发工具的出现,简直是不要太好了. ...
【Win7下Android native code的编译和调试】
光为这编译及调试环境就前后折腾了两三天,墙外找了很多教程,bill以为以下教程最为贴切 Using eclipse for android - cc Development Using eclipse ...
Flutter入门——创建第一个Flutter项目
Flutter入门--创建第一个Flutter项目一.创建项目第一个项目使用Android Studio创建,步骤如下: 先打开Android Studio,会有一个创建新的Flutter应用的选 ...
Android Studio创建第一个Flutter项目
一.创建Flutter项目 1.1 file->New–>New Flutter Project 1.2 配置Flutter SDK Path 1.3 填写项目相关信息二.android ...
Flutter项目实战之女装商城------火爆专区实现、商品分类数据准备
火爆专区实现: 继续Flutter项目的学习,在上一次https://www.cnblogs.com/webor2006/p/14410445.html咱们已经对于首页的大部分功能已经完成,但是呢,还 ...
Flutter 项目编写第三方插件库文件引入，本地图片 json数据引入解析
FlutterDemo是如何一步一步搭建起来的最初就是直接新建flutter项目,就会自动建立一个入门项目.(开始项目前,需先学习Dart语言) flutter项目代码都在lib目录下编写: 新建包 ...
flutter和webapp_Flutter全平台！迁移现有Flutter项目到WEB端
写在前面 Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台.高保真.高性能.开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS .Android.web和桌面 ...

使用VS Code新建编译Flutter项目

使用VS Code新建编译Flutter项目相关推荐

最新文章

热门文章