发布了几个工具的使用视频

我们稍后再总结一下做什么都需要先准备什么样的工具，准备到什么程度就可以去做事了。这里先介绍一下昨天发布的几个工具视频。

npm

npm 是 JavaScript 的包管理工具，你可以用它更容易跟别人分享你写的代码，或者直接使用别人写好的一些 JavaScript 代码。在 npmjs.com 上可以找到很多社区成员贡献的包。包可以想成是模块，你的项目可以去依赖这些别人写好的包提供的功能。

Babel

Babel 是 JavaScript 的编译工具，就是它可以把一种形式的代码转换成别一种形式。比如你想在项目里使用比较新的 es2015 的标准去写代码，你就可以使用 Babel 把这些代码编译成现在主流浏览器能懂的 es5 的标准。因为浏览器在实施新标准的时候需要一个过程，并不是一下子就可以直接让您在项目里使用这些新的技术。使用 Babel 就不用担心这个事儿了，因为它可以帮你转换代码的形式，让浏览器能看懂你写的东西。

Babel 还是 React 团队推荐使用的转换 JSX 格式的代码用的工具。所以了解一下 Babel 非常有必要。

webpack

webpack 是打包模块用的工具，你创建的项目可能会被分解成不同的模块，因为这样更好管理，这些模块之间可以相互使用，比如在 A 模块里导入 B 模块提供的功能去做一些事情。不过浏览器并不懂模块，它只认识你嵌入到页面上的 JavaScript 。使用 webpack 我们可以把项目的模块打个包，在打包的时候 webpack 认识你写的模块，还有模块之间的依赖关系，它会给你处理好，然后生成一个打包文件，你把这个文件嵌入到页面上就行了。

相关链接

• npm 工具的使用视频
• babel 工具的使用视频
• webpack 工具的使用视频