NodeJS (npm) 學習筆記

零，

npm是nodeJS的包管理器，下載nodeJS後會自動安裝好npm.

一，windows下安裝 nodeJS並配置(以及angular安裝相關問題)

1， 下載安裝 https://nodejs.org/en/download/    安裝路徑爲 D:\nodejs

2，將 D:\nodejs① 配置到環境變量Path中。而後打開cmd輸入 node -v 和 npm -v 檢查安裝是否成功.

3，默認的安裝下，npm的本地倉庫創建在了C盤：C:\Users\admin\AppData\Roaming，如今將其移動至 nodeJS的安裝目錄：D:\nodejs

4.1，運行以下命令能夠將倉庫地址移至D盤

• npm config set prefix "D:\nodejs\node_global"   //這裏配置的全局模塊存儲位置
• npm config set cache "D:\nodejs\node_cache"   //這裏配置cache路徑

4.2，這個步驟也能夠經過以下方式：打開 D:\nodejs\node_modules\npm\npmrc文件，配置以下路徑：

• prefix=D:\nodejs\node_global  //這裏配置的全局模塊存儲位置
• cache=D:\nodejs\node_cache //這裏配置cache路徑

注意，這個是直接在文件裏添加的，若是使用4.1中的命令:npm config set prefix "D:\nodejs\node_global" , npm config set cache "D:\nodejs\node_cache"，則配置信息並非寫到上面那個npmrc中，而是寫入到 C盤下用戶路徑下的npmrc中去了。能夠經過npm config ls 來查看配置文件信息。若是此文件裏的內容格式不對，將致使npm命令無任何響應...npm -v等等。

5， 輸入npm list -global 查看npm的本地倉庫的位置，發現已經移至D盤

6，輸入命令：npm config set registry=http://registry.npm.taobao.org  配置鏡像站，提高速度(配置後可經過npm config list查看)

7，npm install -g express 將會將express模塊下載至全局倉庫中 D:\nodejs\node_global\node_modules， 此時若是在node命令行中require("express")則會報錯，找不到express模塊。此時須要再②添加一個環境變量：NODE_PATH,其值爲  D:\nodejs\node_global\node_modules 【由於原來存放模塊的目錄 D:\nodejs\node_modules 變爲了 D:\nodejs\node_global\node_modules 】，另外注意 npm install -g express-generator纔是express項目的骨架生成器（腳手架).  express myExpressApp 命令會生成express項目文件夾。而後進入myExpressApp文件夾運行npm install 安裝項目依賴。

7.1, 安裝typescript： npm install -g typescript  ，(tsc -v命令如今還無效，需添加環境變量，下面有說明)而後在 idea Intellij 中配置typescript編譯選項

 

8，安裝angular腳手架： npm install -g @angular/cli ， 而後運行ng -v查看angular版本，發現報錯，此時須要將 D:\nodejs\node_global ③添加到環境變量中。由於 typescript 和 angular安裝以後ng,tsc在D:\nodejs\node_global 文件夾下都有一個啓動命令文件，因此將此路徑加入環境變量纔會啓動，實際上啓動的就是這裏的文件。

9，安裝cnpm以及@angular/cli時一直卡在 checking status 處， 本身的解決方法是：進入C盤/用戶/appdata/roaming文件夾，將node_global和node_cache文件夾刪除，同時將本身在D盤的npmrc中設置的node_cache和node_global 兩個文件夾中的內容清空。從新打開控制檯安裝就行了。

10， 總結一下win7下node全部的環境變量配置：(均可以直接在系統環境變量下配置，不用管用戶環境變量，假設nodejs安裝在 D:\nodejs 文件夾)：

• 將【D:\nodejs】加入Path，不然node -v 和 npm -v提示不是內部命令
• 將在npmrc中配置的全局模塊路徑【D:\nodejs\node_global】添加到Path， 不然安裝的模塊，如ng -v,tsc -v會提示不是內部命令。（注意到了一個東西：安裝以後ng,tsc在D:\nodejs\node_global 文件夾下都有一個啓動命令文件，因此將此路徑加入環境變量纔會啓動，實際上啓動的就是這裏的文件）
• 將在npmrc中配置的全局模塊路徑【D:\nodejs\node_global\node_modules】添加到NODE_PATH， 不然node加載模塊時（require("express")）提示找不到模塊。

11，Intellij Idea(或phpstorm)配置ts文件(或js文件)運行(調試)：

　　首先要安裝插件，以下圖，而後新建一個nodejs配置，而後選擇ts對應的js文件(直接選ts運行會報錯)，而後就能夠調試ts(js)文件了。

、

 

二, ubuntu16.04  node 8.11.3安裝

官網下載 https://nodejs.org/zh-cn/包，解壓到某個目錄,注意是xz壓縮格式，用參數J

tar xvJf node-v8.11.3-linux-x64.tar.xz -C xx/

而後進入xx/bin中運行 ./node -v便可，一樣 ./npm -v。

創建軟鏈接可使node，  npm命令全局使用：

ln -s path/to/xx/bin/node /usr/local/bin/node

ln -s path/to/xx/bin/npm /usr/local/bin/npm

三，知識點記錄

※，npm config list 查看全部配置信息

※，npm list -g: 查看全部已安裝的包以及其所在的目錄。 npm list -g typescript@3.1.3 查看typescript的信息。

※，npm start 執行的是package.json 中的scripts.start的值。npm start 是 npm run start的簡寫。

※，

※

四，發佈和刪除本身的npm包步驟:  點我查看官方教程。

• 進入待發布包的目錄下，輸入 npm init ，而後按照提示輸入用於生成package.json的信息。
• 輸入 npm adduser命令，添加並登陸本身的npm帳號。(everest33  y......33  y..t...@126.com)。若是沒有這一步，輸入npm publish時會報 權限錯誤： errno -4048
• 輸入npm publish 便可發佈本身的包到npm 倉庫中。能夠經過 npm 官網 https://www.npmjs.com/  查詢查看本身的包。
• 若是npm publish命令報錯：publish Failed PUT 403。出現緣由：使用的是淘寶源cnpm,登錄到的是cnpm。解決方法：切換到npmjs的網址，代碼以下：npm config set registry http://registry.npmjs.org/。切換後須要npm adduser再次添加並登錄本身的npm帳號。
• 若是想換回淘寶源：  http://registry.npm.taobao.org/
• 若是想刪除倉庫中的包： 進入發佈包目錄，輸入  npm unpublish --force 

五，

六，