生成 package.json

Step 1. 創建專案資料夾

在任何你想要的地方先新增一個資料夾並任意命名(以下範例為 hello-gulp)。

Step 2. 切換至專案根目錄

如果對 linux 指令完全沒概念的話這裡教大家一個小撇步,直接將新建立的資料夾拖拉至 command-line,就可以看到資料夾所在的路徑,此時在最前面加上 cd (後面要空一格),你就會發現已經切換到根目錄下啦~

Step 3. 專案初始化

輸入下列指令並依照指示填寫資料,完成後會生成一個 package.json,除了剛剛填的基本資料,之後專案裡安裝的模組與套件也都會顯示在這個檔案裡。

npm init

如果不知道要輸入什麼,這裏也提供速成法給各位,輸入後系統便會自動生成 package.json

npm init --yes

Step 4. 安裝 gulp 至專案內

與一開始安裝的全域 gulp 不一樣,這裏是針對專案所安裝的 gulp,安裝完成後會生成一個 node_modules 資料夾,用來存放所有套件。

npm install gulp --save-dev

可以直接打開 package.json 查看有無安裝成功。

results matching ""

    No results matching ""