淺談前端NPM

理清 nodejs 與 npm 的關係：使用 npm 前需要先安裝 nodejs，npm 是隨著nodejs 一起安裝的一個前端資源包管理工具，npm 不需單獨安裝。

npm 的作用：

1. 允許用戶從 npm 服務器下載別人編寫的第三方包到本地使用。

2. 允許用戶從 npm 服務器下載並安裝別人編寫的命令行程序到本地使用。

3. 允許用戶將自己編寫的包或命令行程序上傳到 npm 服務器供別人使用。

前端常用指令：

輸入下面指令，會輸出當前的 npm 包版本。

npm -v

初始化 package.json

npm init

項目需安裝一個新模塊，有多種下載方式，按下載模塊的實際需求選擇，例如：vue-markdown

# 將 vue-markdown 模塊下載到本地 不指定版本即安裝最新版本 install 可縮寫 i 

npm install vue-markdown 
# 將 vue-markdown 模塊下載到本地並且全局安裝 global 可縮寫 g
npm install vue-markdown -global 
# 將 vue-markdown 模塊下載到本地並修改項目配置文件 package.json,作為項目開發依賴 
npm install vue-markdown -save-dev 
# 將 vue-markdown 模塊下載到本地並修改項目配置文件 package.json,作為項目依賴
npm install vue-markdown -save

項目需移除已下載舊模塊，移除也有多種方式，與下載類似，將 install 換成remove 即可

# 將 vue-markdown 模塊從本地移除
npm remove vue-markdown 
# 別的都類似，參考 npm install 即可
# uninstall 移除已安裝模塊
npm uninstall vue-markdown

查看項目已安裝模塊

# 列出當前項目的所有下載模塊
npm list
# 列出本地已全局下載的模塊
npm list -global

強制刪除所有模塊，也就是刪除 node_modules 目錄

# 刪除 node_nodules 文件夾
rm -rf node_modules

npm 服務器在國外，我們可以通過下載 cnpm 來實現下載慢以及科學上網的問題

# npm下載模塊時候會發現效率真的很慢，所以推薦淘寶的鏡像即 cnpm 
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 使用：npm改成使用cnpm安裝模塊即可，簡單，省事

下載最新的模塊

# 下載最新的 vue-markdown 模塊
npm update vue-markdown 
# 如果npm 版本大於 2.6.1 則可以使用
npm install vue-markdown

npm 不僅可以用於模塊管理，還可以用於執行腳本。package.json文件有一個scripts字段，可以用於指定腳本命令，供 npm 直接調用。

#/># 命令行輸入
# npm run-script start 或者npm run start，
# 就會執行 npm run dev 。
# npm run 是 npm run-script的縮寫，一般都使用前者，但是後者可以更好地反應這個命令的本質。
{
 "name": "myproject",
 "devDependencies": {
 "less-loader": "^3.0.4",
 },
 "scripts": { 

 "start": "npm run dev",
 "dev": "vue-cli-service service"
 }
}