如何让nodeJS支持ES6的babel-创新互联

小编给大家分享一下如何让nodeJS支持ES6的babel，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联公司是一家专注网站建设、网络营销策划、重庆小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10多年以来，已经为近千家成都木托盘各业的企业公司提供互联网服务。现在，服务的近千家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。

要使用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”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站建设公司行业资讯频道！

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：如何让nodeJS支持ES6的babel-创新互联
本文网址：https://www.cdcxhl.com/article46/esphg.html

成都网站建设公司_创新互联，为您提供ChatGPT、网站制作、标签优化、品牌网站建设、自适应网站、虚拟主机

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联