es6环境搭建

Posted 爱编程的douyaer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6环境搭建相关的知识,希望对你有一定的参考价值。

由于大多数浏览器对ES6支持的不是太好,所以为了防止出错,我们可以转换为所有浏览器能够识别的格式

初始化项目:npm init -y  (-y表示默认全部项目);

新建目录文件:dist/index.js  src/index.js  index.html

 

主页文件引入转换后的文件

安装全局转换包:npm install -g babel-cli

安装辅助包:npm install --save -dev babel-preset-es2015 babel-cli

建立快速命令行,npm run build执行转换

右键点击index.html文件,点击view in browser运行网页文件

 

 

以上是关于es6环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

ES6系列之开发环境搭建

第一节:es6开发环境的搭建

es6环境搭建

es6-环境的搭建

练习es6第一步 环境搭建!

Runoob-ES6:ES6 环境搭建