博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6学习--搭建环境
阅读量:5424 次
发布时间:2019-06-15

本文共 1571 字,大约阅读时间需要 5 分钟。

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可以使用或者等版本管理工具。

我使用的是n,命令入下:

// 全局安装nsudo 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 --harmonynode --harmony test.js

使用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

这个项目的例子,

给一个官网地址,大家可以根据不同的环境就自己的需求选择。

转载于:https://www.cnblogs.com/CraryPrimitiveMan/p/5242726.html

你可能感兴趣的文章
flex布局完整示例
查看>>
C - Harmonic Number(调和级数+欧拉常数)
查看>>
内存排查问题复盘
查看>>
渐变算法的 Java 实现
查看>>
cocos creator基础-(七)cc.Button使用、以及不规则按钮区域的实现
查看>>
JVM(HotSpot)7种垃圾收集器
查看>>
分析程序代码
查看>>
Java中前台往后台传多个id参数
查看>>
[读书笔记]C#学习笔记二: 委托和事件的用法及不同
查看>>
自动升级脚本
查看>>
java.net.MalformedURLException: Local host name unknown: java
查看>>
队列和栈相互表示
查看>>
bzoj2539: [Ctsc2000]丘比特的烦恼
查看>>
bzoj3482: [COCI2013]hiperprostor
查看>>
bzoj5329: [Sdoi2018]战略游戏
查看>>
面向对象基础(四)
查看>>
Activity初步(一)
查看>>
ExtJs控件属性配置详细
查看>>
Spring 之AOP 面向切面编程
查看>>
添加页面元素
查看>>