主页 > 前端 > javascript >
来源:自学PHP网 时间:2017-08-01 14:10 作者: 阅读:次
[导读] 这篇文章主要介绍了让nodeJS支持ES6的词法----babel的安装和使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...
要使用Babel, 我们需要nodeJS的环境和npm, 主要安装了nodeJS, npm就默认安装了 , 现在安装nodeJS很简单了, 直接下载安装就好了; 安装es-checker 在使用Babel之前 , 我们要先检测一下当前node对es6的支持情况, 我们使用先es-checker, 命令行下执行: 运行下面代码 npm -g install es-checker es-checker安装完毕以后, 命令行执行:es-checker , 如下图, 我的node环境版本是v4.4.3, 支持64%哦 : babel的安装 所以我们来安装babel吧, 有了babel, 能够使用更多高级词法! 首先新建一个工作目录, 然后创建一个package.json的文件, 内部内容为: 运行下面代码 { "name": "my-project", "version": "1.0.0", "devDependencies": { } } 然后再打开cmd(命令行), 在工作目录下执行命令安装babel-cli: 运行下面代码 npm --save-dev install babel-cli 再安装一个全局的babel-cli: 运行下面代码 npm -g install babel-cli 接着在工作目录创建一个名字为.babelrc的文件, 文件内容入如下( 要注意window系统下创建这种文件系统会提示你:“必须键入文件名” , 你可以找别的方式去创建, 我是在开发工具的工程目录中把这个文件创建出来的): 运行下面代码 { "presets": [ "es2015" ], "plugins": [] } 安装babel-preset-es2015 还是工作目录, 然后再安装babel-preset-es2015: 运行下面代码 npm install --save-dev babel-preset-es2015 到目前为止babel算是安装完毕了: 测试es6代码 创建一个test.js的文件, 8键入内容: 运行下面代码 let [a,b,c] = [1,2,3]; console.log(a,b,c); 在当前目录下执行: 运行下面代码 babel-node test 结果应该是这样的: 如果直接用执行node test, 我这边会报异常: SyntaxError: Unexpected token 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持自学php网。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com