Mac下Flutter&Dart运行(二)

  • 前言

接上一篇开始,flutter是以Dart语言编写,工欲善其事,必先利其器,那么我们必须需要熟悉Dart语言,接下来就是Dart语言运行环境,后期会贴Dart基础语法,笔者也是弱鸡,记录下flutter的学习历程,不足之处,大神多多批评指正,在下感激不尽,bb太多了,言归正传.

  • Dart开发工具
//排名不分先后
1.Visual Studio Code
2.WebStorm
3.Atom
4.android studio
5.IntelliJ IDEA CE 
6.Dart Editor(弃用)
...

以上几种开发工具笔者用过,都各有优势,刚开始搞的时候,朋友推荐我用VC,但是感觉那个关键字的代码没颜色显示,就弃用了,谁知道,欢迎指点下我。跪谢!后面采用webstorm,接下来说下webstrom,其实任何IDE都离不开Dart SDK以及PATH环境变量配置,换句话说,下载了Dart SDK配置PATH正确的话,任何IDE都可以用Dart开发。

  • Dart SDK 安装
//可以根据自己的选择下载
http://www.cndartlang.com/920.html

安装ok后的话,我们可以查看下

  • IDEA(打开IDEA,Create New Project 一目了然)
Mac下Flutter&Dart运行(二)_第1张图片
IDEA
  • WebStorm (打开WebStorm,Create New Project 一目了然)
Mac下Flutter&Dart运行(二)_第2张图片
WebStorm.png

补充下 Dart SDK Path,这个一定要配置好,不然gg,如何配置.
1.cd到Dart SDK的文件夹,cd到dart-sdk,然后pwd直接获取路径,然后复制粘贴
2.路径没问题的话,就开始勾选Generate sample content(一定要勾选)
3.选择Console Application -a command-line application sample
4.点击Create

  • Dart3(第一个Dart项目,项目结构)
Mac下Flutter&Dart运行(二)_第3张图片
Dart3.png
  • Dart3结构目录

1.bin
2.lib
3.test
4.External Libararies


Mac下Flutter&Dart运行(二)_第4张图片
Dart3详细项目结构图
  • hello Dart

进入bin目录,编辑main.dart(把自带的代码干掉)


Mac下Flutter&Dart运行(二)_第5张图片
bin下main.dart

Mac下Flutter&Dart运行(二)_第6张图片
hello Dart.png

至此hello Dart告一段落,下面开始Dart基础语法学习之旅,欲知后事如何,请听下回分解.

你可能感兴趣的:(Mac下Flutter&Dart运行(二))