ES6学学–搭建环境

ECMAScript
6(以下简称ES6)是JavaScript语言的后生标准,已经在2015年九月业内公布了。它的对象,是驱动JavaScript语言可以用来编排复杂的巨型应用程序,成为集团级开发语言。

读书ES6在此以前,我们得以先来看一下各大浏览器的风行版本对ES6的支撑,点击这里

我们得以行使以下三种环境去上学ES6

使用新型版本的Chrome或者Chromium

来说一下在Ubuntu下,怎样升级到最新的Chromium,需要履行如下命令即可。

sudo add-apt-repository ppa:chromium-daily 
sudo apt-get update 
sudo apt-get install chromium-browser

然后需要打开对ES6的襄助,访问chrome://flags/#enable-javascript-harmony页面,开启那个特点。

接下来你就足以在Chromium的console中采用ES6了。

使用Node.js

提出更新到Node的风行版本,或者最新的康乐版本,这样Node对ES6的支撑可能会多一些。

提高Node可以应用nvm或者n等版本管理工具。

自己动用的是n,命令入下:

// 全局安装n
sudo npm install -g n
// 安装制定版本
n 5.6.0
// 安装最新的版本
n latest
// 安装稳定版本
n stable
// 删除某个版本
n rm 5.6.0
// 以指定的版本来执行脚本
n use 5.6.0 some.js

自身设置了平静版本,当前是5.6.0

可以接纳如下命令查看当前版本的Node对ES6的襄助

node --v8-options | grep harmony

利用的时候只需要带上–harmony参数

node --harmony
node --harmony test.js

使用Babel

Babel是一个广阔接纳的ES6转码器,可以将ES6代码转为ES5代码,从而在现有条件举办。这代表,你可以用ES6的办法编写程序,又不要担心现有条件是否帮忙。

什么设置Babel我就简单举一个事例。以一个test项目为例。

先创建test文件夹,然后在该公文夹下执行npm
init,伊始化package.json文件,然后修改为如下的情节:

{
  "name": "test",
  "version": "1.0.0",
  "description": "A babel test project",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src -d lib"
  },
  "author": "HarrySun",
  "license": "MIT",
  "devDependencies": {
    "babel-cli": "^6.6.4",
    "babel-preset-es2015": "^6.6.0"
  }
}

其间scripts中的build命令,是指将src下的公文夹里的es6的js文件转发成es5的js文件。

下一场实施一下npm install,安装babel-cli和babel-preset-es2015包。

最后创立一下.babelrc部署文件,命令如下:

echo '{ "presets": ["es2015"] }' > .babelrc

以此项目标例证,请点击这里

给一个官网地址,我们可以遵照不同的环境就和好的要求选用。Babel
Setup