都看到這里了，我就不寫什么node環境安裝之類的了。
直接從新建項目文件夾后開始吧！
安裝依賴：
命令行cd到項目文件夾之后，執行以下命令：（mac記得前邊加sudo）
npm init –y // 創建package.json
npm install @babel/core @babel/cli @babel/preset-env //安裝所需babel
依賴說明：
@babel/core：是整個功能中最核心的模塊。core就是核心的意思。
里邊的一個核心功能就是transform，把js代碼編程抽象語法樹AST。只要變成抽象語法樹后，后期的插件才能根據這個抽象語法樹進行降級，轉成es5。
以上其主要功能是提供抽象語法樹，但是不提供降級，進行降級轉換es5語法的話還需要其他一個插件：
@babel/preset-env：是一個插件集合，里邊集成了很多插件，比如專門解析let、專門解析箭頭函數等的插件。他具備把所有的es6的語法都轉成es5的能力，但是此能力也依賴babel/core
把寫的es6語法真正轉成es5，需要一個指令去找到這個文件，編譯轉換后輸出新的文件，就需要這個腳手架。
@babel/cli：也是一個工具，通過命令行對js文件進行換碼。可以讓你通過npx指令執行對應命令。
此時，執行npx babel es6.js -o es5.js，就能把es6語法轉換為es5的格式。他的工作原理是通過node_modules/.bin/bable入口文件進行編譯。
配置文件：
如果上邊兩個都沒問題了，就在package.json同級目錄下新建文件： .babelrc
配置如下：
配置文件說明：
- .babelrc是一個json對象文件。
- 是一個嚴格的json文件，key必須用雙引號包裹。
- presets：預設，數組、預設插件集合，實時增加。
- "@babel/preset-env"： babel處理插件之一
編譯es6文件，測試：
新建test.js文件，寫上es6命令
運行npx babel test.js –o demo.js
編譯成功后，查看輸出的demo.js
使用監聽：
運行命令：npx babel test.js –o demo.js --watch
然后我在左邊編譯test，保存右邊就能輸出demo，真棒👍！！！
在線編譯：
如果是臨時的babel編譯，不想配置腳手架工具的話，可以打開這個在線工具編譯。
官網截圖
