「Tutorial 」最简单直接的Javascript 开发环境

声明：本教程改编自李笑来博客的《最简单直接的 Javascript 开发环境》

为什么要改编李笑来的教程？

因为，我是一名学习编程的小白，只有使用Windows的经历，没有使用Mac系统的经历。

改编的念头，源起于两个关于编程的错误认知：

第一，Mac 是学习编程的标配；
第二，没有Mac就没法学习编程；

一周前，第N次想要学习编程的强烈冲动出现在我的脑子里。我查看了 MacBook Pro 的价格，最低价是 10288 RMB，有点小贵，舍不得买。

在笑来搜里闲逛时,我发现了有一款叫树莓派的卡片电脑超便宜，树莓派（Raspberry Pi）是学习编程、架设服务器的好工具，价格低廉，可玩性高，但操作比较复杂。

最后，我抱着试试的态度，开始在Windows系统的 Google Chrome 上尝试，差一点就错过了直接开始学习Javascript 的机会。

---

无论学习哪一种编程语言，“搭建开发环境”都是第一步 —— 通常都还比较繁琐。学习 Javascript 就稍微不大一样：

只要你的电脑上有浏览器，你就已经有了一个最简的开发环境。

在这里，我们拿 Google Chrome 作为示例（微软的 IE 就算了罢）。

1. 打开 Google Chrome；
2. 用快捷键“Ctrl + Shift + i ” 调出 “开发者工具”；
3. 选择 " Sources " 标签；
4. 在左侧边栏选择“ Snippets ” 标签；
5. 创建 .js 文件，比如，test.js；
6. 在中间的代码书写区域编写代码；
7. 使用“ Ctrl + Enter ” 执行代码……

很简单吧？

有了这样的运行环境，就可以开始学习了……

学什么？怎么学？先从最经典的教材开始呗，

1. 硬着头皮一章一章地读完，
2. 每个代码示例都要自己动手敲，直到获得正确结果；
3. 读不懂的地方先放下，接着读下去；
4. 反复回头重新阅读读不懂的地方，实在搞不定再放在一边；
5. 把这本书反复阅读很多遍……
6. 不断整理其中的重要概念，以及重要概念之间的必要联系……

教材的地址在这里：

http://eloquentjavascript.net/

下面是我的的第一份作业：

当然，更为完整的开发环境，你早就搭建过，不是吗？

---

---

参考资料

[1] 李笑来博客： http://lixiaolai.com/
[2] 最简单直接的 Javascript 开发环境：http://lixiaolai.com/2016/07/31/makecs-simplest-js-dev-environment/
[3] 笑来搜： http://xiaolai.co/search?query=%E7%BC%96%E7%A8%8B
[4] 树莓派（Raspberry Pi）： https://www.raspberrypi.org/
[5] 树莓派报价： https://item.taobao.com/item.htm?spm=0.7095261.0.0.2f291debgNGawr&id=565756129429&src=raspberrypi
[6] 树莓派新手入门教程： http://www.ruanyifeng.com/blog/2017/06/raspberry-pi-tutorial.html
[7] 《张砷镓：为什么你应该开始学习编程了？》

---