1. 程式人生 > >【VUE】關於更好的進項專案整理 node_modules篇(包含npm外掛安裝)

【VUE】關於更好的進項專案整理 node_modules篇(包含npm外掛安裝)

我們在執行專案的過程中經常遇到的問題是node_modules依賴包過大,如果每次都install載入一次,簡直不要太耽誤時間,如何解決這一問題呢,鑑於它本身專案執行自動向上層追中依賴的特性,我們可以把依賴放在上層某一層的目錄中。

注:由於每個人的專案存放非方式不同,所以本篇同時寫了一下專案梳理過程(按照我的個人習慣),及資料夾層級的構建過程,僅僅是為了方便講解node_modules的安裝過程。可以根據自己的個人去求來構建,並且檔名稱儘量使用英文名稱。

接下來開始進行一下專案梳理,並構建上層依賴: 建立一個大的資料夾 workpace ,在workpace下構建一個H5資料夾存放H5的開發程式碼,下層建立areas資料夾用於存放分地區工程檔案(由於我現在的工作經常接受各地區的專案,所以層級較多)

-workpace-H5-areas-專案工程

  1. 我們從gitlab下載工程檔案到areas中
  2. 把工程檔案中的package.json檔案複製到areas同級目錄下
  3. 在areas同級目錄下(H5內)cmd開啟命令視窗
  4. 執行命令cnpm install 安裝node_modules依賴到本目錄下。
  5. 當我們以後下載其他工程,可以直接npm run server直接執行, 如果缺少某些依賴 ,檢視終端視窗會有提示,開啟依賴node_modules目錄 ,執行第三步,執行命令 npm install <name> --sava-dev

注: 轉載:https ://blog.csdn.net/shelly1072/article/details/51524029

Jancy1072的部落格 NPM介紹: 說明:NPM(節點包管理器)是的NodeJS的包管理器,用於節點外掛管理(包括安裝,解除安裝,管理依賴等) 使用NPM安裝外掛:命令提示符執行npm install <name> [-g] [--save-dev] name:節點外掛名稱。 npm install gulp-less --save-dev

-g:全域性安裝。 將會安裝在C:\ Users \ Administrator \ AppData \ Roaming \ npm,並且寫入系統環境變數;非全域性安裝:將會安裝在當前定位目錄;全域性安裝可以通過命令列任何地方呼叫它,本地安裝將安裝在定位目錄的node_modules資料夾下,通過要求()呼叫; --save

:將儲存至的package.json(的package.json是的NodeJS專案配置檔案) -dev:儲存至的package.json的devDependencies節點,不指定-dev將儲存至依賴節點