ECMAScript6项目环境搭建

第一步

node安装

下载 | Node.js 中文网

安装成功后在命令窗口查看版本号,如有版本号则安装成功

 第二步

之后再映射淘宝镜像npm config set registry https://registry.npm.taobao.org

第三步

#使⽤默认配置初始化项⽬

npm init -y

扫描二维码关注公众号,回复: 15943688 查看本文章

在集成终端中输入npm init -y会生成package.json的包

第四步

然后安装对应的依赖包

babel-cli:命令行工具,让我们可以输入一些babel的命令

babel-preset-es2015:规则集,如何转换代码(要转换成es2015也就是ES6)

#本地安装babel-cli及对应的转化规则

npm install --save-dev babel-cli babel-preset-es2015

第五步

新建.babelrc 文件注意前面的点

//配置⽤于转化当前代码的规则集

{

"presets": ["es2015"]

}

配置package.json文件

//将src⽬录下所有es6⽂件转译后输出到dist⽬录

"buildall":"babel src -w -d dist"

猜你喜欢

转载自blog.csdn.net/qq_51402804/article/details/123705560