ES6学习--搭建环境

摘要:
我使用n,并输入以下内容command://Globalinstall nsdonpminstall gn//安装指定版本n5.6.0/安装最新版本nlatest//安装稳定版本nstable//删除特定版本nrm5.6.0/使用指定版本执行脚本nuse5.6.0some.js,当前版本为5.6.0。您可以使用以下命令查看当前版本的节点节点--v8options|grephamon的ES6支持。当你使用它时,你只需要带--Harmonynode参数节点--Harmonytest.js。BabelBabel是一个广泛使用的ES6代码转换器,它可以将ES6代码转换为ES5代码,这样它就可以在现有环境中执行。这意味着您可以用ES6的方式编写程序,而不用担心现有环境是否支持它。

ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得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

免责声明:文章转载自《ES6学习--搭建环境》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇linux c编程:FIFO使用JS实现鼠标滚轮事件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

破解修改 Electron 软件 | 游戏

更新:用这个7Zip插件可以直接解压asar,但对于被加密过的仍旧没办法,例如CocosCreator Electron 是Github 发布跨平台桌面应用开发工具,支持 Web 技术开发桌面应用开发,其本身是基于 C++ 开发的,GUI 核心来自于 Chrome,而 JavaScript 引擎使用 v8。 微软的VsCode与触控的Cocos Creat...

depot_tools安装过程

使用torserviseSVN 1.6.6版本 移除其它版本 Install the depot_tools Chromium and Chromium OS use a package of scripts called depot_toolsto manage checkouts and code reviews. If you want more...

各主流浏览器内核介绍

        所谓的“浏览器内核”无非指的是一个浏览器最核心的部分——“Rendering Engine”,直译这个词汇叫做“渲染引擎”,不过我们也常称其为“排版引擎”、“解释引擎”。这个引擎的作用是帮助浏览器来渲染网页的内容,将页面内 容和排版代码转换为用户所见的视图。 注:有时候我们所说的“浏览器内核”甚至“渲染引擎”,其实除了渲染引擎,也悄悄包含了...

深入研究Electron的主进程和渲染进程

”主进程“和“渲染进程”是Electron的两个核心的概念。 如果你之前做的是浏览器端JavaScript开发,多进程的概念对你来说可能是一个新的领域。 最初对我来说,这绝对是一个思维方式的转变,使用多进程可能意味着我们需要在开发过程中做出跟之前不同的设计抉择。 为什么Electron具有这种多进程架构?主进程职责是什么?渲染进程的职责是什么?它们之间如何...

cef build

BranchesAndBuilding View History This Wiki page provides information about CEF branches and instructions for downloading, building and packaging source code. Note to Editors: Cha...

Delphi中Chrome Chromium、Cef3学习笔记(五)

原文   http://blog.csdn.net/xtfnpgy/article/details/48489489   一、模拟移动鼠标 //  SetCursorPos(StrToInt(Edit1.Text),StrToInt(Edit2.Text));  //相对屏幕位置  SetCursorPos(Self.Left+chrm1.Left+s...