npm安裝學習記錄

2021-09-27 09:49:24 字數 2503 閱讀 3898

初入公司，前端技術使用react，查詢發現使用react建立應用需要node+npm

下面開始安裝配置

流程步驟是學習下面**上內容一步步走的，為避免忘記，記錄一下

//驗證安裝


node -v   


npm -v
修改本地倉庫路徑

d:\ariel_dl\nodejs 下建立node_global,node_cache資料夾

執行以下2條命令

npm config set prefix "d:\ariel_dl\nodejs\node_global"


npm config set cache "d:\ariel_dl\nodejs\node_cache"
驗證修改

npm list -global
出現修改後目錄表示ok

/檢視所有配置資訊

c:\users\dell\.npmrc//檢視配置檔案

1：npm config get registry


2：npm info vue /


/看看能否獲得vue的資訊


npm install npm -g
npm install 安裝或更新命令

npm 模組名稱

-g 安裝至global所在目錄

此命令執行需要幾秒鐘

安裝完畢後執行npm -v可以看出npm模組公升級

再次檢視全域性目錄

npm list -global
可以發現目錄不為空d:\ariel_dl\nodejs\node_global下面有內容

前面的步驟走完後 我們的預設模組更改

原預設模組d:\ariel_dl\nodejs\node_modules

會改變為d:\ariel_dl\nodejs\node_global\node_modules

這時將不能直接執行npm install等命令，否則會報錯。

接下來我們只需要配置node_home的環境變數

路徑為d:\ariel_dl\nodejs\node_global\node_modules就ok了

注意，以下操作需要重新開啟cmd讓上面的環境變數生效

npm install vue -g
安裝完畢 檢視

d:\ariel_dl\nodejs\node_global\node_modules\vue

npm install vue-router -g
安裝完畢 檢視

d:\ariel_dl\nodejs\node_global\node_modules\vue-router

npm install vue-


cli-g
此時vue還不能使用

因為vue指令碼沒有在path變數中，在自定義全域性目錄下

編輯path,新增d:\ariel_dl\nodejs\node_global

重新開啟cmd,vue -vv大寫

vue init webpack myproject
vue init 模板型別 專案名稱；

模板型別有很多種(用vue list檢視)

/進入目錄

npm install /

/開始安裝

npm run dev /

/執行安裝依賴

執行依賴後進入成功介面

開啟位址 http://localhost:8080/#/

生成靜態檔案npm run build

開啟dist資料夾下新生成的index.html檔案,進入專案首頁

ok 大功告成！

npm 使用記錄

1.先安裝nrm源管理器 2.使用nrm新增源 3.使用nrm切換源 nrm use sourcename 切換源成功，windows系統可到 c users username 下檢視 npmrc和.nrmrc檔案，檢視當前源 注 發布npm官方包時不需要設定私有源，請確保當前源為npm官方源 1....

npm離線安裝npm包

以安裝git為例 使用 npm install 同樣以git為例，首先我們需要準備git包，可以在聯網的機器上執行 npm installgit global style 上面的 global style 很關鍵，表示將git安裝到node modules中乙個單獨的git資料夾中，這樣我們可以方便...

npm模組安裝

最開始接觸npm看見很多吐槽npm在windows上的不穩定，就選擇了在linux的伺服器上使用，但是後來發現很多人都是在windows能正常使用的，而且在伺服器上操作難免有所不便，所以就開始了我的npm折騰之路。2 npm模組的安裝，模組安裝有兩種一種是在自己專案的路徑下本地安裝，一種是全域性安裝...