14-小结

2.4　小结

通过本章的学习，我们已经了解到并不是所有浏览器都支持ES6，不过这并不能阻止我们从ES6中获益，因为可以将使用ES6规范编写的代码转换成对应的ES5代码。

当开发人员配置一台新的开发机器时，需要以下这些工具：

• 一个好的编辑器（见第1章）。
• Git。
• Gulp ( npm install -g gulp )。
• ESLint ( npm install -g eslint ) 。

每当开始一个新项目时（不管用来运行本书中示例代码的学习项目，还是一个真实的项目），都需要以下这些组件：

• 一个专门放置项目的目录，称之为项目根目录。
• Git仓库（使用 git init 创建）。
• 一个package.json文件（使用 npm init 创建）。
• 一个Gulpfile文件（可以使用本章中的gulpfile.js）。
• Gulp和Babel的本地包（ npm install --save-dev gulp gulp-babel babel- preset-es2015 ）。
• 一个.babelrc文件（contents: { "presets": ["es2015"] } ）。
• 一个.eslintrc文件（使用 eslint --init 创建，然后根据自己的喜好修改它）。
• 一个给Node使用的子目录（也就是例子中的es6）。
• 一个给浏览器代码使用的子目录（即public/es6）。

一旦准备好了所有东西，就可以开始了，基本的工作流程如下：

（1）编写代码，并修改相关逻辑。

（2）运行Gulp来测试程序，同时使用ESLint来规范代码。

（3）重复上述两个步骤直到改变生效，并且没有语法错误。

（4）使用git status检查当前代码状态，确保不会提交所有代码。如果有些不需要被Git管理的文件，记得把它们放到.gitignore文件里。

（5）把所有的修改添加到Git里（使用git add -A；如果不准备添加所有文件，那就对每个需要添加的文件使用git add）。

（6）提交你的修改（使用 git commit -m “<本次修改的描述>”）。

除上述步骤外还可能有其他步骤，这取决于实际项目。比如，有些项目需要运行测试（这通常会是一个Gulp task），或者提交代码到一个用于分享的远端代码库（使用git push），例如，GitHub或者Bitbucket。不管怎样，这里列出的步骤可以用来构建一个很好的项目骨架。

本书的剩下部分将不再赘述上述步骤，只会展示源代码。除非特殊说明会浏览器运行，示例代码都会使用Node运行。打个比方，如果有一个叫作example.js的示例代码，需要把它放在es6文件夹下，然后运行：

$ gulp
$ node dist/example.js

也可以跳过运行Gulp的步骤，直接运行 babel-node （不过这并不会缩短运行时间，因为在运行 bable-node 时仍然需要编译）：

$ babel-node es6/example.js

接下来正式开始学习JavaScript！

[1]　有一些JavaScript引擎（比如Node）确实会编译JavaScript，但这个过程对开发者是透明的。