Dart

01.Dart基础-开发环境搭建

内容纲要

1. 下载 dart-sdk

  1. 访问 dart 的英文官网,点击右上角的 Get Dart 链接,进入 Get the Dart SDK 页面如下:

    image-20221011200915314

  2. 在步骤1的 Get the Dart SDK 页面中,点击 downloading the SDK as a zip file 链接,进入 Dart SDK archive 页面:

    image-20221011201552346

  3. 在步骤2的 Dart SDK archive 页面中,找到 Stable channel 节点,根据操作系统下载对应的 dart-sdk,以 Windows 64 位系统为例:点击 Dart SDK (SHA-256) 下载 dart-sdk 的 zip 压缩包,点击 API docs 下载 dart-sdk 的文档 zip 压缩包。图示如下:

    image-20221011202427743

    下载完成后,我们会得到如下两个 zip 压缩包,其中 dartsdk-windows-x64-release.zip 是 dart-sdk 的压缩包,dartdocs-gen-api.zip 是 API 文档的压缩包,截图如下:

    image-20221011203355579

  4. 到此为止,我们已经成功地准备好了 dart-sdk 的安装包API 文档。下一步,我们将要在 Windows 64 位的系统上安装 dart-sdk。

温馨提示:如果您使用的是 macOS 或 Linux 系统,请参考 https://dart.dev/get-dart 文档中相应的章节,对 dart-sdk 进行安装和配置。

2. 安装 dart-sdk

  1. dartsdk-windows-x64-release.zip 复制到 C:\Program Files 目录下,在压缩包上右键,点击 解压到当前文件夹(X) 进行解压缩。解压完成后会在 C:\Program Files 目录中新增一个名为 dart-sdk 的文件夹,这个文件夹中存放的就是 dart 的 sdk:

    image-20221011204253035

  2. 把 dart-sdk 的根目录 C:\Program Files\dart-sdk\bin 配置到 PATH 环境变量中:

    image-20221011204502190

  3. 打开 Windows 终端,输入 dart --version 命令,只要能够打印出 Dart SDK version 相关的信息,就证明 dart-sdk 配置成功:

    image-20221011204742832

  4. 把 dart-sdk 的 API 文档对应的压缩包,复制到 C:\Program Files\dart-sdk 目录下,在压缩包上右键,点击 解压到当前文件夹(X) 进行解压缩。

  5. 解压完成后,会在 C:\Program Files\dart-sdk 目录中新增一个名为 gen-dartdocs 的文件夹,这个文件夹中存放的就是 dart-sdk 的 API 文档。

  6. 进入 C:\Program Files\dart-sdk\gen-dartdocs 目录中,双击 index.html 即可在本地浏览离线版的 API 文档。

    image-20221011205208319

3. 配置 vscode 编辑器

  1. 在 vscode 的插件商店中,安装名为 Dart 的语言插件。

  2. 在 vscode 中新建名为 hello.dart 的代码文件,在文件中声明 main 函数,在 main 函数中调用 print() 方法打印字符串消息 Hello Dart

    void main(List args) {
     print('Hello Dart');
    }
  3. 在 vscode 中把代码编写完成后,点击 main 函数上方的 Run 按钮,就能运行程序并看到执行的效果:

    image-20221011205914684

  4. 至此,dart 在 Windows 64 位系统上的环境搭建已经顺利完成~

一个不再讲课の前端程序员。

26条评论

  • 徐飞

    彬哥我之前报了黑马基础班可能因为学校有点基础的缘故去了觉得没意思后面走了,看你的视频自学了小半年找到了一个不错的工作。现在工作一年l,这里主要负责微信小程序和uniap的一些东西。觉得自己现在躺平了有点不知道学习什么。进公司后请求什么的都是封装好的,有点忘记怎么封装请求方式了,你以前的微信小程序封装请求方法还能不能继续参考呢?再就是之前进来的时候工资要的是最低的现在自己对于小程序已经很熟悉了不知道该怎么沟通工资。彬哥永远支持你

    • 泥巴巴

      可以看下公司项目的源码是怎么封装的。把公司项目吃透之后,哪怕跳槽也不慌了。
      可以请领导喝顿小酒,完事儿聊聊涨工资的事儿。如果实在不好涨就直接跳槽。

    • 泥巴巴

      看的人少动力不足咩,等了这么久终于有人来催更了哈哈哈哈哈哈… 我争取不断更,如果能把 Dart 研究明白了,那么 Flutter 基本上也就手到擒来了,所以才有了 Dart 基础这篇小博文,大家一起加油吧!

  • 小阡陌呀

    刘老师,我现在大三上学期了,现在很迷茫,我已经做好考研的准备了,并且已经着手准备了,但是我有点放不下前端,并且我最近发现我得js逻辑思维太差劲了,蓝桥云课前几天举办的前端模拟赛,我做的啥也不是,没有做题的思路,现在搞得心态快炸了,js压根没有逻辑能力,很难受,希望得到老师的建议!

    • 泥巴巴

      先预祝你考研成功噢!学好 js 的窍门是用 js 去解决一个又一个的实际问题,量变一定引起质变。你把 js 想象成一个强大工具箱,大神可以用它造火箭,小白只会用它拧螺丝,本质区别就是小白缺乏独立思考之后解决实际问题的能力。想要锻炼编程思维很简单:找一个小项目(小案例也行),先分析这个项目从头到尾共有几个功能模块,再把功能模块之间的流转关系搞明白,最后按部就班地开发功能模块。在开发具体模块期间要独立思考后,自行设计并整理出核心步骤以及每个步骤需要用到哪些 js 语法或 API,以注释的形式写下来。最终把思路翻译成代码,调试排错验证功能的完整性。刚开始的时候会很难,可能在一个小功能的核心步骤上就会卡住好几天(当年我大学毕设的时候就是这样),你需要换各种角度来分析问题并尝试解决问题。而且还要分析为什么思路A无法解决问题,原因是什么;为什么思路B最终解决了问题,相比于思路A的突破性在哪里。做完一个小项目后可以向身边的亲人朋友分享自己的喜悦,提高自己的成就感。经过几番锻炼后,你会认同我的这句话:“js 真的就是一个工具箱,开发具体功能需要挑选哪些 API 上场、如何排列组合,对你来讲都是信手拈来,因为你已经有了独立思考和分析问题的核心能力”。

  • 我太菜了

    老师,我是小白刚入职一个月,现在在做uniapp开发,目前有点迷茫,不知道方向,我还需要去学一些其他新的新的方向,例如:react之类的,还是一直使用uniApp开发,目前不知道往哪个方向发展,期待您的建议

    • 泥巴巴

      目前阿里这些大厂在用,沉淀了一些最佳实践,但由于 Flutter 更新比较频繁、技术沉淀较浅,所以未来市场还有待观望,培训机构大概率不会专门开设 Flutter 相关学科,只会把它作为营销手段。相比于原生应用开发,Flutter 在技术上降低了程序员上手移动 App 开发的门槛,是替代 Weex,RN,Ionic 的新一代跨平台技术。在性能上,原生开发才是王道。

  • 初学的小白

    诶,在黑马培训完找了近20天工作,还是没找到,心态受到很大影响。此时肯定有人说 你自己学的不行怪找不着工作,我想说的是,班里70个人,目前就10来个offer。真心奉劝各位报班需谨慎,希望得到龙哥的建议。

    • 泥巴巴

      只能说这是营利性培训机构的通病吧,受各种成本的限制,没办法因材施教的照顾到每个学生。现状就是招一批人,把现成的课复制到每个校区,课可能是好课,但能否把好课原汁原味讲好,有没有人监管,就很难说了,相信大家都有自己的体会。对于零基础的小白学生,整个培训周期下来,大部分人只能简单入个门,尚且达不到入职后顺利上手项目开发的程度,期间磕磕绊绊需要1-1.5年的时间才能真正入行。小白面试太难了,主要是基础不牢固、知识点不连贯讲不出来,没真正接触过实际开发需求,拼凑的简历心里虚没底不敢讲,框架原理一无所知,所以找工作面试压力太大。另一方面机构的老师为了就业数据好看,会让学生漫天要价,汗…!其实IT这个行业未来还是很有远景的,大家不必着急一开始就必须15K或者18K起步,我们没必要为了就业老师的提成跟自己死磕。根据自己实际情况要个合理的起步工资,后面有经验了薪资自然会涨上来。这样面试会轻松很多。最后,希望每个小白都能少走弯路轻松入行~

留言

您的电子邮箱地址不会被公开。 必填项已用*标注