海淘直邮购物网站,太原网站建设方案咨询,wordpress实现中英文切换,企业logo设计报价注意#xff1a;如果没有装node.js#xff0c;先去装一个#xff01;#xff01;安装node.js时会默认安装npm。
步骤#xff1a;
1、新建一个文件夹#xff0c;装接下来的所有东西。我新建了一个learn-es6文件夹
2、在learn-es6项目文件下创建根目录文件#xff1a; …注意如果没有装node.js先去装一个安装node.js时会默认安装npm。
步骤
1、新建一个文件夹装接下来的所有东西。我新建了一个learn-es6文件夹
2、在learn-es6项目文件下创建根目录文件
-package.json
-src文件夹--index.html--js文件夹---index.js
这一步的关键是
一定要有src文件夹要不然后面会报错预定要新建一个package.json文件 这两个千万不能少少一个就会报错
index.html文件内容先为空、index.js内容也先为空安装完成后测试用。
3、配置文件.babelrc
打开MAC的终端
3.1 先sudo -s获取最高权限
3.2 然后通过cd进入learn-es6项目文件
3.3 接着“vim .babelrc”新建一个.babelrc 文件:
键盘输入”i“进入编辑模式然后输入 {presets: [es2015,react,stage-2],plugins: []}
输入完毕“esc”键退出。输入“:wq”,冒号是英文的表示保存并退出。
并且安装以下规则集
# ES2015转码规则
$ npm install --save-dev babel-preset-es2015# react转码规则
$ npm install --save-dev babel-preset-react# ES7不同阶段语法提案的转码规则共有4个阶段选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-34、命令行转码babel-cli
注意babel-cli 安装在项目之中官网已经强烈建议不要安装在全局环境下
终端依旧在learn-es6的位置执行以下命令
$ npm install --save-dev babel-cli5、执行下列命令没有报错即可。 $ npm run build更多专业前端知识请上
【猿2048】www.mk2048.com
