- 打开集成控制终端
- npm init -y （初始化一下。这步一定不能少）
- 输入 npm install --save-dev babel-cli babel-preset-es2015
- 创建文件 .babelrc （注意一定要有点！） 然后输入
-
/ 配置用于转化当前代码的规则集 { "presets": [ "es2015" ] - 再创建两个文件夹 src（放源码的 es6） dist（放转化后的）
- 将es6 代码转化为es5
①单独转一个文件 node_modules/.bin/babel src/test.js --out-file dist/test.js
②转整个文件夹 node_modules/.bin/babel src --out-dir dist
借助 node_modules/.bin/babel 将src下的src/test.js 转换到dist/test.js（dist下的js不是自己创建的，是转化过来的）
8.配置package.json文件 （为了自动转换）操作如下方截图
//配置监听脚本 一旦src下的js发生变化 自动转化到dist中
"dev":"babel src -w -d dist"
9.怎么用这个命令？
在下方输入 npm run dev 回车 运行脚本的命令，dev是一个名字，根据脚本写的