时间:2021-05-18
要使用Babel, 我们需要nodeJS的环境和npm, 主要安装了nodeJS, npm就默认安装了 , 现在安装nodeJS很简单了, 直接下载安装就好了;
安装es-checker
在使用Babel之前 , 我们要先检测一下当前node对es6的支持情况, 我们使用先es-checker, 命令行下执行:
运行下面代码
npm -g install es-checkeres-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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前端的小伙伴们在babel等的加持下,已经可以愉快的使用es6来写代码了。然后对于服务端的nodejs就有点坑爹了,虽然原生支持了es6,但是只是部分支持,一些
Nodejs6.x版本还没有支持export和importimport与export是es6中模块化的导入与导出,node.js现阶段不支持,需要通过babel
1.安装webpacknpminstallwebpack--save-dev2.安装babel实现ES6到ES5npminstall--save-devbabe
使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等。首先安装babel-polyfill,解决ie不支持pro
ES6+太棒了,但是很多高级功能node是不支持的,就需要使用babel转换成ES5,1.安装babel依赖npminstallbabel-core--save