1.ECMAScript 和 JavaScript有什么关系? 前者是后者的规格,后者是前者的一种实现
2.ECMAScript 2015 与ES6 是什么关系? ES6含义是5.1版以后的JavaScript 的下一代标准,涵养了ES2015、ES2016、ES2017等等,而ES2015则是正式名称,特指该年发布的正式版本的语言标准
3.Node.js安装包及源码下载地址: https://nodejs.org/
验证是否安装成功 输入 node -v 出现v10.16.0说明安装成功
输入 npm -v 出现6.9.0说明NPM安装成功
4.如果 NPM版本比较j旧想要升级 输入 $ npm install npm -g
如果想使用淘宝镜像的命令 输入$ npm install -g cnpm --registry=https://registry.npm.taobao.org
Bable 转码器 可以将ES6代码转为ES5代码,从而在现有环境执行
比较: //转码前 input.map(item==>item + 1);
//转码后 input.map(function(item){ return item + 1; })
配置Bable 转ES6为ES5步骤5-1 步骤1:进行WA6项目,执行 npm init -y //-y代表全部默认同意,就不用一次次按回车了 步骤2:在与package.json同一目录下编写配置文件.babelrc { “presets”:[], “plugins”:[] }
步骤3:安装bable,根据不同转码规则,代码如下 //es2015转码规则 cnpm install --save-dev babel-preset-es2015
//react转码规则 cnpm install --save-dev babel-preset-react
//ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个 cnpm install --save-dev babel-preset-stage-0 cnpm install --save-dev babel-preset-stage-1 cnpm install --save-dev babel-preset-stage-2 cnpm install --save-dev babel-preset-stage-3
步骤4:安装好的规则加入到 .babelrc中 { “presets”:[ “es2015”, “react”, “stage-0” ], “plugins”:[] }
步骤5:安装babel-cli工具,用于命令行转码 cnpm install -g babel-cli //转码输出文件 example.js [1,2,3].map(x=>xx); //执行转码 babel example.js -o compile.js --presets es2015 转码后的compiled.js文件: “use strict”; [1,2,3].map(function(x){ return xx; });
步骤6:实时监听编译文件 $ babel example.js -watch -o compiled.js --presets es2015