方便快捷的ES6转ES5

本文介绍用npm和 Babel 6 来将 ES6 代码转换成 ES5 代码。
如果用其他工具配合 Babel 来做,可以见这里。不知道 npm是什么?请先查看npm 入门指南。

Node 是 JavaScript 的服务器运行环境(runtime)。它对 ES6 的支持度更高。除了那些默认打开的功能,还有一些语法功能已经实现了,但是默认没有打开。使用下面的命令,可以查看 Node 已经实现的 ES6 特性。

$ node --v8-options | grep harmony

在阮一峰大牛写的技术里找到 ES-Checker,用来检查各种运行环境对 ES6 的支持情况。访问ruanyf.github.io/es-checker,可以看到您的浏览器支持 ES6 的程度。运行下面的命令,可以查看你正在使用的 Node 环境对 ES6 的支持程度。

$ npm install -g es-checker
$ es-checker

=========================================
Passes 24 feature Dectations
Your runtime supports 57% of ECMAScript 6
=========================================

下面让我们使用命令行转码babel-cli

Babel提供babel-cli工具,用于命令行转码。

它的安装命令如下:

全局安装
npm install --global babel-cli

在项目下输入命令

npm init

一路回车---引导你创建一个package.json的文件(包括名称、版本、作者等信息)

将babel-cli安装在项目之中。

npm install --save-dev babel-cli

在项目文件中新建一个 .babelrc 的文件,把一下代码复制粘贴到文件中

{
  "presets": [],
  "plugins": []
}

然后在命令行里输入

npm install --save-dev

你可能感兴趣的:(方便快捷的ES6转ES5)