让nodeJS支持ES6的词法----babel的安装和使用方法

网络编程 2024/11/14 佚名

3 1 2

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

nodeJS支持ES6,babel安装与使用,babel使用

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“让nodeJS支持ES6的词法----babel的安装和使用方法”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月14日

让nodeJS支持ES6的词法----babel的安装和使用方法

vue.js声明式渲染和条件与循环基础知识

在ABP框架中使用BootstrapTable组件的方法

评论“让nodeJS支持ES6的词法----babel的安装和使用方法”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接