3.1 npm init 創(chuàng)建 package.json

1. 背景故事

在很久很久以前，dk 要開發(fā)一個前端項目，在計算機的某個旮沓地方建立了一個文件夾叫 dk_project，就稱為這是一個“項目”了。

又過了很久，dk 離開了公司，來了位新同事，在接手 dk 工作的時候發(fā)現(xiàn)計算機上面的 dk_project 文件夾，因為沒有任何明顯的

標識，就被當成普通文件夾給 DELETE 掉了。

回到現(xiàn)代，隨著 npm 的誕生，人們意識到建立一個項目目錄不應該這么草率，于是乎規(guī)定，

如果某個文件夾被創(chuàng)建作為一個項目目錄，那么它就應該包含一個 package.json 的文件。

package.json 文件里記錄項目的描述信息：項目作者、項目描述、項目依賴哪些包、插件配置信息等等數(shù)不清的好處。

2. 創(chuàng)建項目描述文件 package.json

注意：下面的這些操作都是在黑窗口（DOS窗口）進行的。

第一步

在 d 盤下新建一個目錄 demo 作為項目目錄并在 dos 窗口切換到該目錄下。

$ d:
$ cd D:\demo

第二步

使用 npm init 指令創(chuàng)建項目描述文件 package.json。

命令行里會以交互的形式讓你填一些項目的介紹信息，依次介紹如下：（不知道怎么填的直接回車、回車...）

• name 項目名稱
• version 項目的版本號
• description 項目的描述信息
• entry point 項目的入口文件
• test command 項目啟動時腳本命令
• git repository 如果你有 Git 地址，可以將這個項目放到你的 Git 倉庫里
• keywords 關鍵詞
• author 作者叫啥
• license 項目要發(fā)行的時候需要的證書，平時玩玩忽略它

第三步

在項目目錄下會自動生成 package.json 文件，打開可以看到剛才配置的項目信息。

3. 來點看得見的東東

在項目根目錄下新建文件 index.js，并在其輸入以下代碼：

console.log('dk is handsome.');

在 dos 窗口中切換到項目根目錄下，輸入 node index.js 可以看到打印出來的信息。

$ d:
$ cd D:\demo
$ node index.js

這是 node 的入門 demo，當然這里并不介紹 Node。

package.json 在整個項目中還是很重要的，我們拿到一個新項目，第一步要看的就是 package.json 文件，這里面會傳遞項目信息。

下一節(jié)將詳細講解 package.json 的屬性配置，讓你能輕松看懂 package.json。