?

不廢話直接寫(xiě)看步驟：

1、在F盤(pán)新建一個(gè)文件夾叫babel

2、npm init 初始化項(xiàng)目

3、全局安裝npm install babel babel-cli -g

4、項(xiàng)目安裝npm install babel-cli --save-dev

項(xiàng)目目錄里會(huì)多一個(gè)node_modules包

5、新建一個(gè)es6.js文件

隨便寫(xiě)一段es6

6、輸入指令babel es6.js -o compiled.js

發(fā)現(xiàn)項(xiàng)目下面多了一個(gè)compiled.js文件

但是并沒(méi)有編譯

7、輸入命type nul>.babelrc

項(xiàng)目里會(huì)多一個(gè)babelrc文件

8、安裝命令npm install --save babel-preset-es2015

再運(yùn)行babel es6.js -o compiled.js

OK已經(jīng)編譯成功

babel es6.js --watch --out-file compiled.js
命令行輸入這個(gè)監(jiān)控文件的變化

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/wangxianming/p/7132968.html

總結(jié)

以上是生活随笔為你收集整理的Windows系统带你一步一步无脑使用babel的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。