原文來自:https://dkvirus.gitbooks.io/-npm/content/di-sanzhang-npm-chuang-jian-xiang-mu.html
上一節(jié)已經(jīng)介紹了 npm 的安裝感憾,這一節(jié)來介紹 npm 的使用蜡励。首先使用 npm 創(chuàng)建一個項(xiàng)目。
3.1 npm init 創(chuàng)建 package.json
1. 背景故事
在很久很久以前阻桅,dk 要開發(fā)一個前端項(xiàng)目巍虫,在計算機(jī)的某個旮沓地方建立了一個文件夾叫 dk_project,就稱為這是一個“項(xiàng)目”了鳍刷。
又過了很久占遥,dk 離開了公司,來了位新同事输瓜,在接手 dk 工作的時候發(fā)現(xiàn)計算機(jī)上面的 dk_project 文件夾瓦胎,因?yàn)闆]有任何明顯的
標(biāo)識,就被當(dāng)成普通文件夾給 DELETE 掉了尤揣。
回到現(xiàn)代搔啊,隨著 npm 的誕生,人們意識到建立一個項(xiàng)目目錄不應(yīng)該這么草率北戏,于是乎規(guī)定负芋,
如果某個文件夾被創(chuàng)建作為一個項(xiàng)目目錄,那么它就應(yīng)該包含一個 package.json 的文件嗜愈。
package.json 文件里記錄項(xiàng)目的描述信息:項(xiàng)目作者旧蛾、項(xiàng)目描述、項(xiàng)目依賴哪些包蠕嫁、插件配置信息等等數(shù)不清的好處锨天。
2. 創(chuàng)建項(xiàng)目描述文件 package.json
注意:下面的這些操作都是在黑窗口(DOS窗口)進(jìn)行的。
第一步
在 d 盤下新建一個目錄 demo 作為項(xiàng)目目錄并在 dos 窗口切換到該目錄下剃毒。
$ d:
$ cd D:\demo
第二步
使用 npm init 指令創(chuàng)建項(xiàng)目描述文件 package.json病袄。
命令行里會以交互的形式讓你填一些項(xiàng)目的介紹信息,依次介紹如下:(不知道怎么填的直接回車赘阀、回車...)
name 項(xiàng)目名稱
version 項(xiàng)目的版本號
description 項(xiàng)目的描述信息
entry point 項(xiàng)目的入口文件
test command 項(xiàng)目啟動時腳本命令
git repository 如果你有 Git 地址益缠,可以將這個項(xiàng)目放到你的 Git 倉庫里
keywords 關(guān)鍵詞
author 作者叫啥
license 項(xiàng)目要發(fā)行的時候需要的證書,平時玩玩忽略它
第三步
在項(xiàng)目目錄下會自動生成 package.json 文件基公,打開可以看到剛才配置的項(xiàng)目信息幅慌。
3. 來點(diǎn)看得見的東東
在項(xiàng)目根目錄下新建文件 index.js,并在其輸入以下代碼:
console.log('dk is handsome.');
在 dos 窗口中切換到項(xiàng)目根目錄下酌媒,輸入 node index.js 可以看到打印出來的信息欠痴。
$ d:
$ cd D:\demo
$ node index.js
這是 node 的入門 demo,當(dāng)然這里并不介紹 Node秒咨。
package.json 在整個項(xiàng)目中還是很重要的喇辽,我們拿到一個新項(xiàng)目,第一步要看的就是 package.json 文件雨席,這里面會傳遞項(xiàng)目信息菩咨。
+
下一節(jié)將詳細(xì)講解 package.json 的屬性配置,讓你能輕松看懂 package.json陡厘。