让nodeJS支持ES6的词法----babel的安装和使用
2016-05-03 01:02
411 查看
要使用Babel, 我们需要nodeJS的环境和npm, 主要安装了nodeJS, npm就默认安装了 , 现在安装nodeJS很简单了, 直接下载安装就好了;
es-checker安装完毕以后, 命令行执行:es-checker , 如下图, 我的node环境版本是v4.4.3, 支持64%哦 :
首先新建一个工作目录, 然后创建一个package.json的文件, 内部内容为:
然后再打开cmd(命令行), 在工作目录下执行命令安装babel-cli:
再安装一个全局的babel-cli:
接着在工作目录创建一个名字为.babelrc的文件, 文件内容入如下( 要注意window系统下创建这种文件系统会提示你:“必须键入文件名” , 你可以找别的方式去创建, 我是在开发工具的工程目录中把这个文件创建出来的):
到目前为止babel算是安装完毕了:
在当前目录下执行:
结果应该是这样的:
如果直接用执行node test, 我这边会报异常: SyntaxError: Unexpected token [
babel官网 : https://babeljs.io/
阮老师的博客:http://www.ruanyifeng.com/blog/2016/01/babel.html
作者: NONO
出处:http://www.cnblogs.com/diligenceday/
QQ:287101329
微信:18101055830
安装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的文件, 键入内容:let [a,b,c] = [1,2,3]; console.log(a,b,c);
在当前目录下执行:
babel-node test
结果应该是这样的:
如果直接用执行node test, 我这边会报异常: SyntaxError: Unexpected token [
相关
nodeJS : https://nodejs.org/en/babel官网 : https://babeljs.io/
阮老师的博客:http://www.ruanyifeng.com/blog/2016/01/babel.html
作者: NONO
出处:http://www.cnblogs.com/diligenceday/
QQ:287101329
微信:18101055830
相关文章推荐
- nodejs的一些日常操作
- 菜鸟学习nodejs--Socket.IO二(聊天服务器)
- Nodejs调试环境搭建
- 51node1091 线段的最长交集(贪心)
- 《Nodejs开发加密货币》之六:Commander介绍
- Ubuntu 14.04 / 15.04 node.js V4.0.0
- Light oj 1094 - Farthest Nodes in a Tree【树的直径】
- 开发基于NodeJS的秘室聊天室
- leetcode-116. Populating Next Right Pointers in Each Node
- 43-Reverse Nodes in k-Group
- Light OJ 1094 - Farthest Nodes in a Tree【树的直径 两次bfs】
- leetcode:25. Reverse Nodes in k-Group
- 【LeetCode】Swap Nodes in Pairs 解题报告
- [LeetCode#2][C]Add Two Numbers
- NodeJS学习笔记
- nodejs 生产环境配置
- nodejs项目mysql使用sequelize支持存储emoji
- 深入浅出Nodejs
- leetcode——117——Populating Next Right Pointers in Each Node II
- nodejs笔记之:事件驱动,线程池,非阻塞,异常处理等