---
# System prepended metadata

title: Gulp 前端自動化管理工具
tags: [gulp, skill]

---

# Gulp 前端自動化管理工具
### 安裝流程
* 安裝`Node.js`
* 修改PowerShell權限(optional)
    * 以「系統管理員身分」執行PowerShell
    * `Set-ExecutionPolicy RemooteSigned` (執行原則變更)
    * `y`
* `npm install gulp-cli -g`，安裝全域gulp指令(每台電腦僅需執行一次)
* `npm init`，產生`package.json`(每個專案第一次執行)
* 安裝所需套件
    * 新專案：`npm install gulp --save`
    (後方加入`--save`可將安裝的套件記錄在`package.json`中)

    * 舊專案：`npm install`，直接安裝記錄在`package.json`的套件
* `gulp`，執行gulp
* `Ctrl+c`，停止gulp
* `gulp build --env production`，釋出Production

### 終端機指令
* `cd\`，回資料夾頂端
* `cd..`，回上一層
* `cd {{資料夾路徑}}}`，進入資料夾路徑

### 使用方式
* 第一次先安裝並設定好gulp及其相關套件
* 其他專案複製其`package.json`以及`gulpfile.js`
* 執行`npm install`將所有套件及設定載入

###### tags: `skill` `gulp`