简单搭建一个ES6语法测试环境

小灰灰 2022-05-13 11:16 179阅读 0赞

# 用node运行ES6测试环境 #

准备：   
1. 官网下载并安装： node下载地址 [https://nodejs.org/en/][https_nodejs.org_en]   
2. 配置环境变量： 把node.exe所在目录加入到PATH环境变量中。   
3. 命令行执行 node -v 和 npm -v 能出版本号，说明安装成功。

*  **package.json**
 *  **babel-cli**
 *  **babel-preset-es2015**
 *  **.babelrc**
 *  **babel-node**

--------------------

1.  新建一个项目，名为ES6TEST，项目目录下新建package.json文件：   
    （package.json 用于设置当前项目的基础信息和包的依赖）   
    工作目录下执行`npm init`命令，一路填写或跳过得到一个基础的package.json文件。
2.  安装babel-cli 和 babel-preset-es2015   
    工作目录下执行安装命令   
      
    `$ npm --save-dev install babel-cli `  
      
    全局也安装一份   
      
    `$ npm -g install babel-cli `  
      
    工作目录下新建.babelrc文件，内容如下：   
      
    `{  "presets": [  "es2015"  ],  "plugins": []  } `  
      
    工作目录下安装 babel-preset-es2015   
      
    `npm install --save-dev babel-preset-es2015 `
3.  测试es6代码   
    工作目录下新建test.js文件，简单输入一段ES6代码：
    
        let [a,b,c] = [1,2,3];
        console.log(a,b,c);
    
     *  1
     *  2
    
    使用babel-node命令执行test.js文件，在命令行输入：
    
        $ babel-node test
    
     *  1
    
    将会输出1,2,3‘
    
    项目结构如下图：   
    ![这里写图片描述][SouthEast]

[搭建参考链接][Link 1]

PS：使用Webstorm运行ES6的js文件可直接run，无需输命令。

转载自：[https://blog.csdn.net/LaurenTime/article/details/75315218][https_blog.csdn.net_LaurenTime_article_details_75315218]

[https_nodejs.org_en]: https://nodejs.org/en/
[SouthEast]: /images/20220513/68694cc0b5434c919a123fbbdcc1db45.png
[Link 1]: https://wenku.baidu.com/view/c52cb89a27d3240c8547ef5c.html
[https_blog.csdn.net_LaurenTime_article_details_75315218]: https://blog.csdn.net/LaurenTime/article/details/75315218