Flutter - Mac上使用VSCode开发Flutter

Flutter入门

介绍
Dart 官网
https://dart.dev/
Dart 官网(中文)
http://www.dartdoc.cn/
Dart 中文网
https://www.dartcn.com/

Flutter 官网
https://flutter.dev/
Flutter 官网(中文)
https://flutter.cn/
Flutter 中文网
https://flutterchina.club/

Mac环境搭建(终端):

1、将项目clone到/Users/xxx/

git clone -b dev https://github.com/flutter/flutter.git
2、配置flutter路径

vim ~/.bash_profile
添加以下配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/xxx/flutter/bin:$PATH
3、下载flutter工具

cd ./flutter
flutter doctor
VSCode

下载:https://code.visualstudio.com
下载好后如果需要设置中文语言显示的话:

1.打开命令面板:Command + shift + P

2.输入"configure display language"

3.选择"zh-cn",重启下VSCode就可以了

4、创建项目

vscode -> 查看 -> 命令面板 -> Flutter: new project -> 输入项目名称
5、Flutter插件安装

在VSCode应用商店搜索并安装FlutterDartAwesome Flutter Snippets(快速创建代码块)

6、运行项目

右下角选中设置,vscode -> 启动调试(F5)Flutter run

原文地址:https://www.cnblogs.com/gongyuhonglou/p/12696952.html

时间: 04-14

Flutter - Mac上使用VSCode开发Flutter的相关文章

Golang 在mac上用VSCode开发、Delve调试

本文包含以下内容: 1.安装VSCode: 2.用Delve调试Go项目: 3.自定义代码片段: 1.安装VSCode 先去下载VSCode,这个链接里面也有官方文档. 安装插件: vscode-icons这个插件可以让VSCode显示文件的图标,让你更容易辨识项目内繁杂的文件,如图: 注意: 用VSCode打开Go项目时,打开项目所在的目录, 也就是标准的 /bin /pkg /src这三个文件夹所在的那个目录, 而不是打开某个具体的.go文件,否则代码自动补全功能会异常! 2.用Delve调

Mac上利用VScode配置c/c++开发环境

Mac上利用VScode配置c/c++开发环境 哭辽,Typora里面最好不要插入表情,不然保存会闪退 首先你要有一个vscode 在扩展里面下载c/c++ 第一步 ?+com+p 打开命令模式:选择c/c++: 编辑配置(edit configuration) 然后再自动生成的.vscode目录,打开c_cpp_properties.json.利用老哥的文件示例: { "configurations": [ { "name": "Mac", &

Flutter -- Mac上运行Android创建的Flutter的若干报错解决

上篇博文里,我运行起来了我在git上下载的一个flutter项目,同事(android开发)这段时间也在研究Flutter,并且他自己写了一个Demo,我寻思着把他的项目拿过来,我看能运行起来否,结果一大堆问题. 下面我列出来了一部分,在我经过半个小时的百度,以及对比git上下载下来的项目里面的配置.终于解决了,成功的在我的6s和模拟器上跑起来了. 下面附上了 应用的四张截图,给安卓同事 点赞 1.Command PhaseScriptExecution failed with a nonzer

【翻译】在Mac上使用VSCode创建你的第一个Asp.Net Core应用

Setting Up Your Development Environment 设置你的开发环境 To setup your development machine download and install .NET Core and Visual Studio Code with the C# extension. Node.js and npm is also required. If not already installed visit nodejs.org. 首先在你的机器上下载.Ne

Mac上搭建spark开发环境

本文将介绍在Mac os上搭建Spark开发环境. 在安装spark环境之前,需要确保配置相应的java环境,jdk或者jre的版本需要在1.8.0版本以上. (1)首先下载开发IDE,目前比较流行的IDE是IntelliJ IDEA,可以在官网下载使用,下载地址:https://www.jetbrains.com/idea/.(2)Spark环境搭建:mac上启动终端,使用brew install scala命令(brew是一个软件包管理工具,类似于centos下的yum或者ubuntu下的a

mac上配置php开发环境

玉忠之前在我的mac上配置过,当时项目不能区分大小写,所以就没成功,我现在在他得基础上继续配置,希望成功. 教程:http://my.oschina.net/joanfen/blog/171109 以这个教程为准. 1.apache sudo apachectl start sudo apachectl -v 2.php /etc/apache2/  找到httpd.conf  httpd-2.conf是default 取消#LoadModule php5_module libexec/apac

在Mac上搭建java开发环境

在Mac上安装Jdk 1.Jdk的下载 如果你要安装jdk7或者是jdk8可以直接去官网上下载,要安装jdk6的话,就到apple的开发者网站上下载 下载网址:http://connect.apple.com/ 2.默认安装路径 JRE路径:/System/Library/Frameworks/JavaVM.framework/ JDK路径:/Library/Java/JavaVirtualMachines/ JAVA_HOME的路径:/Library/Java/JavaVirtualMachi

Flutter mac上打包安卓APK遇到的坑

1. 创建签名 keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 通常会遇到   No Java runtime present, requesting install. 用以下命令替换吧 /Applications/Android\ Studio.app/Contents/jre/jdk/Contents/Home/bin/keytool -genkey -v

在Mac上搭建ReactNative开发环境

1.安装Homebrew,   Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2.安装node.js 2.1可以在node.js官网下载软件进行安装. 2.2使用第一步安装的Homebrew来安装node.js brew install node 设置镜像源 npm

Mac上react native 开发环境配置

参考链接: http://facebook.github.io/react-native/docs/getting-started.html#content Ios 开发比较简单,Xcode7.0之后都支持. Android开发,需要安装SDK等 参考http://facebook.github.io/react-native/docs/android-setup.html Mac:第一步Andorid开发环境 1)  brew install android-sdk  2)配置ANDROID_