# 安裝 babel-cli
首先需要安裝 babel-cli,以使用 Babel。
```bash
$ yarn global add babel-cli
```
檢查是否安裝成功
```bash
$ babel -V
6.26.0 (babel-core 6.26.0)
```
# 使用 Babel
首先使用 `npm init` 初始化一個項目。
## 將命令添加到 `package.json`
在 `package.json` 的 `script` 中添加以下語句:
```json
{
"scripts": {
"build": "babel src -d output"
}
}
```
將源文件放置在 `src` 目錄下,以后只需要使用 `npm run build` 即可將目標文件釋放到 `output` 目錄下。
## 創建 .babelrc 配置文件
現在我們已經可以使用命令生成目標文件了,但是事實上 Babel 并未生效,執行 `npm run build` 僅僅是將目錄進行一份拷貝,而要使 Babel 生效,需要創建 Babel 配置文件,也就是 `.babelrc`。
首先安裝依賴
```bash
$ yarn add babel-preset-env
```
在項目目錄下使用以下命令:
```bash
$ touch .babelrc
$ vim .babelrc
```
輸入
```json
{
"presets": ["env"]
}
```
`:wq` 保存退出后再執行 `npm run build`,可以看到控制臺輸出:
```
src\main.js -> output\main.js
```
此時 Babel 已經生效了。
## 簡單測試
我們創建文件 `src/main.js`,輸入
```js
let a = 0
```
執行 `npm run build`
可以看到 `output/main.js` 內容如下 :
```js
"use strict";
var a = 0;
```
注,當前的目錄結構如下圖:
:-: 