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

本文详细介绍如何搭建ES6开发环境,并使用Babel将ES6代码转换为ES5兼容的版本。包括安装必要依赖、配置启动命令等步骤。

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

  命令:npm init -y   生成package.json文件(依赖文件);项目结构如下:

全局安装 babel-cli  命令如下:npm install -g babel-cli,

 

还需本地安装babel-preset-es2015 和 babel-cli

 

然后在项目当中安装:npm install --save-dev babel-preset-es2015 babel-cli

将es6打包转化es5能识别的代码:

babel src/index.js -o dish/index.js  
在package.json里面配置快捷启动方式:

然后运行npm run build(用过vue-cli的应该对这个命令不陌生);

 

转载于:https://www.cnblogs.com/JeneryYang/p/8855879.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值