第二天先来点轻松的内容：建立我们的开发环境。

我本身所使用的环境如下：

OS:MacOS big sur 11.2
Dart SDK version: 2.12.3
Editor:VS code

开发环境

1. 线上编辑器 DartPad
2. Dart SDK 安装方法

如果只是简单要测试语法可以使用DartPad就好，但为了之後flutter迟早都要建立这些环境的，所以建议还是安装Dart SDK。
使用 Mac 的读者基本上按照文件里的指令即可轻松安装完成，但请先确认自己是否有安装 homebrew

vs code插件

1. flutter https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
2. dart https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code

大致上没有什麽需要特别写的config，接下来我们就来建立一个新的 Dart 专案

请在terminal输入以下指令，playground可以替换成任何你想要的命名

dart create -t console-full playground

之後就会建立一个专案资料夹。

因为本系列文都会以最新的 null safety Dart ，所以请各位读者到pubspec.yaml确认SDK版本是否为以下设定

environment:
  sdk: '>=2.12.0 <3.0.0'
	

运行程序码

Dart run

Hot restart（非必要）

但你也许会想说难道我每次改完程序码都要下dart run才能看到结果吗？，不能存挡後就自动编译吗？一开始我有试着用一些操作Dart VM的方式，但其实用起来有点麻烦，最後在网路上看到一个解法是使用「nodemon」来做为hot restart。对於原本就有在使用node的我来说，这是最平易近人的解法了。

当然如果没有开发过网页的读者基本上电脑里应该是没有安装node.js及npm/yarn这两个工具。
简单介绍一下这两个工具：

• node简单来说就是一个「js的执行环境」
• npm/yarn就是node用的「套件管理工具」。

安装流程

1. node安装
   基本上就是到官网下载後，执行安装档即可。

2. npm/yarn

   npm是node安装时就会顺便安装。

   yarn则是需要另外安装

   但因为我们在接下来也只有要安装ndoemon所以其实选择npm就好没必要特别安装yarn。当然如果原本有yarn的读者就一样可以使用yarn

接下来就是安装nodemon

yarn:

yarn global add nodemon 

npm:

npm install -g nodemon

之後在专案路径里执行下面的指令

记得把bin/demo.dart 换成自己命名档名及路径

nodemon -x "dart run bin/demo.dart " -e dart

好的，今天就大概介绍到这里明天就要来正式开始进入Dart的介绍了