Flutter环境配置

2019-08-14  本文已影响0人  心_语

写在前面

windows系统Flutter配置文件地址: https://pan.baidu.com/s/1V34PdfSDbCQqmwfiWu0JKQ

不想用下载包的话可以使用以下地址再下载。
https://flutter.dev/docs/development/tools/sdk/releases?tab=windows
https://flutter.dev/docs/get-started/install
Android Studio下载地址,注意windows和mac的版本。
https://developer.android.com/studio/
http://www.android-studio.org/

第一步:安装dart SDK :

1.将文件夹放进一个自定义文件夹
2.配置环境变量
我的电脑 ——> 右键属性 ——> 高级系统设置 ——> 高级 ——> 环境变量
系统变量 ——> path 点击"新建" ——> 输入路径
例如: C:\package\dart-sdk\bin
3.打开cmd,输入 dart --version, 得到版本号,即为安装成功。

IDE上需要安装插件:

VScode 或 webstorm,搜索插件 dart, 然后 install

第一个Dart程序

新建hello.dart,在 页面输入void main()=>print("hello dart!");
在当前文件目录下打开命令窗口运行 dart hello.dart

注意事项

webstorm 中 打开setting ——> languages&framesworks ——> Dart
找到 Dart SDK path, 输入对应路径

VScode中控制台如果出现乱码
在 settings.json 中添加 "code-runner.runInTerminal": true,

MAC

mac下的Dart安装方式:

安装 homebrew 然后运行如下命令:
brew tap dart-lang/dart
brew install dart
详细可看dart中文网 http://dart.goodev.org/install

第二步:Flutter安装:

安装包我下载好了,环境配置是个繁琐的工作,大家要努力踩坑了,加油。。。
Mac版本的需要看官网了,记得一定要翻墙:
https://flutterchina.club/setup-macos/

Java jdk安装
Flutter sdk
Android Studio安装
安卓协议
安卓模拟器

VScode

注意:项目一定要跑起来,我们上课当天直接要拿来开发。

上一篇 下一篇

猜你喜欢

热点阅读