Dart学习之环境搭建

小咪咪 2022-05-23 02:45 181阅读 0赞

### 首先我们先了解下Dart吧，相信看过我上一篇文章的同学应该对Dart有一定的认识了。 ###

### Dart是我们学习Flutter的必备语言，这个是重点，下面我们看下它的简介。 ###

![20180531152752582][]

Dart 语言在2011年10月由 Google 发布，并在2012年10月发布第一个里程碑版本 M1。Dart 作为一种结构化的Web开发语言，既让人感觉熟悉，又足够灵活。既适用于快速原型开发，又适用于组织大型的代码库。既可以用在桌面版和移动版的浏览器中，也可以在服务器端使用。总体上说，Dart 语言是感觉熟悉的并且符合程序员的直觉，特别是你已经掌握了 Java、JavaScript 等语言的话。  
  
     Dart 是一门很特别的语言。我觉得最有特色的特性是可选类型，他在动态语言的基础上，结合了静态语言的优点。另一个特色是，Dart中的类和接口是统一的，类即接口，你可以继承一个类，也可以实现一个类（接口）。除此之外还有很多非常不错的特性，比如工厂构造函数和命名构造函数，getter/setter方法，语言级别的级联调用等。作为现代语言的基本功能，自然也包含了良好的面向对象和并发编程的支持。  
  
     编程语言并不是孤立存在的，Dart也是这样，他由语言规范、虚拟机、类库和工具等组成：  
SDK：SDK 包含 Dart VM、dart2js、Pub、库和工具。  
Dartium：内嵌 Dart VM 的 Chromium ，可以在浏览器中直接执行 dart 代码。  
Dart2js：将 Dart 代码编译为 JavaScript 的工具。  
Dart Editor：基于 Eclipse 的全功能 IDE，并包含以上所有工具。支持代码补全、代码导航、快速修正、重构、调试等功能。  
  
Dart 两种运行模式：  
       检查模式（checked）：进行类型检查，如果发现实际类型与声明或期望的类型不匹配就报错。  
       生产模式（production）：不进行类型检查，忽略声明的类型信息，忽略 assert 语句。  
  
       检查模式运行较慢，生产模式运行快。但检查模式可以及早地发现程序在的问题，所以建议在开发过程中使用检查模式。而在正式环境中使用生产模式运行。Dart VM 和 Dartium 默认在生产模式下运行，而我们用 Dart Editor 开发时默认在检查模式下运行，通过选项可以设置使用不同的模式。  
  
Dart 两种运行环境（和 JavaScript 类似）：  
        客户端模式（client）：在浏览器中运行，通过 dart:html 库与页面交互，操作 DOM、CSS，HTML5 编程等。  
              在支持 Dart VM 的浏览器中直接执行 dart 代码，如 Dartium。  
              在不支持 Dart VM 的浏览器中，dart 代码被编译为 JavaScript 执行。

服务器模式（server）：在操作系统中，以独立 VM 中运行，可以使用 dart:io 库读写文件、套接字等。

### 下面我们看下他的配置，这里我采用的是IntelliJ IDEA， [点击这里下载][Link 1] ###

Interllij IEDA的安装很简单，这里我就不说了，不会的同学自行百度下，就是一路Next。

我们安装好之后会出现这个页面：

![20180531155303169][]

然后会出现下图，我们安装Dart插件：

![20180531155350494][]

OK之后会出来reStart按钮，意思是重新启动生效，我们重新启动一下：

![201805311554588][]

我们选择Create New Project创建一个项目，会出现下图：

![20180531155630578][]

我们选择Dart,创建一个Dart工程，需要注意以下几点：

1.Dart SDK path为你的DartSDK路径，不知道的同学请看下我上一篇文章，**[点击这里查看][Link 2]**

2.Version为DartSDK的版本，我这里是2.0.0

3.还有至关重要的一点，我们必须选择Constole Application,否则将是一个Web项目（因为默认选择的是第一个）

然后我们点击Next，我们就成功创建了一个Dart工程了，我们来运行一下，效果如下：

![20180531161057942][]

![20180531161114251][]

到这里我们就大功告成啦，是不是so easy,下一篇我们将学习Dart语法。

![20180531161554490][]

### 下一篇我们将学习：[Dart的基本语法][Dart] ###

参考：Dart简介：[http://han.guokai.blog.163.com/blog/static/1367182712012101293119173/][http_han.guokai.blog.163.com_blog_static_1367182712012101293119173]

IntelliJ IDEA搭建Dart环境：[https://www.jianshu.com/p/fa275a08b083][https_www.jianshu.com_p_fa275a08b083]

[20180531152752582]: /images/20220523/5ecd3020823f48f7a32fdc15cbe04240.png
[Link 1]: https://pan.baidu.com/s/1os1kpCbzd7Z1dCQ8_AIx8g
[20180531155303169]: /images/20220523/abbaf0891e774660ae5fa4a3489402f0.png
[20180531155350494]: /images/20220523/a25a5c6a123e4f2197ad3f4e3ccafc4f.png
[201805311554588]: /images/20220523/128a771a2d7f4ffaabead56d4b31d816.png
[20180531155630578]: /images/20220523/cc56ba01ba004292bbd7b8adb5d09209.png
[Link 2]: https://blog.csdn.net/lyh1299259684/article/details/80505185
[20180531161057942]: /images/20220523/91546455605f46aab0c4f59304ecd8ad.png
[20180531161114251]: /images/20220523/1a3a11f64ece4f2f8d1fb3ac6405f21e.png
[20180531161554490]: /images/20220523/929829dad4614e4f89dfb8b2249f09f3.png
[Dart]: https://blog.csdn.net/lyh1299259684/article/details/80526492
[http_han.guokai.blog.163.com_blog_static_1367182712012101293119173]: http://han.guokai.blog.163.com/blog/static/1367182712012101293119173/
[https_www.jianshu.com_p_fa275a08b083]: https://www.jianshu.com/p/fa275a08b083