node.js環境搭建與配置的那些坑

開始學習vue框架,要求搭建node環境初學者遇到不少的問題,如今知其然也讓你知其因此然。來上步驟與截圖vue

  1. 安裝node
    (1)安裝node網上不少大家能夠參考不少文章,我就很少說,一直下一步就行了,可是咱們IT碼農都潔癖---不想安裝在系統盤C盤路徑下。因而我安裝到了D:nodejs目錄下面,如圖:
    clipboard.pngjava

node

(2)安裝好了以後告訴你們,新版的node已經包含了npm包管理工具了。也就是說你安裝node的時候npm也給你安裝好了。因而你就 :win+r --> 輸入cmd -->回車 在DOS窗口下輸入:node -v --->回車;npm -v ---->回車,看到的結果如圖:

clipboard.png

恭喜你筒子,這個界面說明你成功安裝了node和npm工具。並且還查看了版本號。
**此處知識點:當你安裝node的時候選擇的安裝路徑系統會將其添加到系統path路徑中(如何查看本身百度)。所以 「環境變量」--->系統變量-->path  最後是這樣子的:

clipboard.png

意思就是說,系統中默認的路徑中有一個是D:\nodejs,在DOS運行命令中會先從這些路徑中找起來。**
  1. 設置模塊與緩存的全局路徑
    在DOS窗口輸入
    npm config set prefix "D:nodejsnode_global" -->回車
    npm config set cache "D:nodejsnode_cache" -->回車
    知識了點:該出必須放在node安裝好目錄下,由於後面配置環境變量時是從node開始找的(也能夠建立在其餘地
    方,但配置會比較麻煩,就不一一贅述了),這兩個是指全局額模塊會下載到D:nodejsnode_global目錄下
    面,緩
    存會放在:D:nodejsnode_cache (什麼是全局什麼是項目模塊本身百度太多太全了)。執行命令後你會在
    D:nodejs 目錄下看到這兩貨:
    clipboard.png
    是的,執行指令時本身建立了文件夾。點開裏面什麼都沒有。git

  2. 下載全局模塊包進行測試
    好了如今下載一個express 和一個require模塊包試試看。
    win+r --> 輸入cmd -->回車 在DOS窗口下輸入:
    npm install -g express -->回車
    npm install -g express-generator -->回車
    (新版本將express-generator包從express中分了處理,必需要下載)
    npm install -g require -->回車github

    再打開D:nodejsnode_cache 你會看到亂七八糟的文件夾,好了那是緩存的無論他。express

    好了如今打開D:nodejsnode_global你會看到有一個名叫node_modules的文件夾和其餘的幾個東東:npm

    打開clipboard.png緩存

    這是你在DOS命令窗口中 express --version 是看不了express的版本的,由於你尚未配置用戶的環境變量,即便你在DOS中輸入 D:--->回車(進入D盤) cd nodejs -->回車 而後在輸入 express --version --> 回車 你也是看不到版本信息的。可是你在DOS命令中輸入 node-->回車 require-->回車,你是能夠看到require的安裝信息的。如圖:框架

    clipboard.png
    可是require並無 require -v或-V或--version這樣的任何指令。因此比在白費力氣了。工具

    如今把筆拿出來,要劃重點了:全局模塊下載以後存在於 D:nodejsnode_global下的node_modules文件夾中,可是可執行文件卻在D:nodejsnode_global。這個很重要,說明咱們的環境變量(咱們的環境變量值用戶的變量)時要在要D:nodejsnode_global下面。

  3. 配置環境變量
    若是以前的DOS窗口打開的請關閉。
    個人電腦(計算機)-->系統屬性-->高級系統設置-->環境變量-->用戶變量-->新建
    PATH = D:nodejsnode_global\
    這時你重新打開DOS窗口 而後 express --version 哈哈哈客官請看:

    clipboard.png

是的你沒有看錯成功了,而後你再試試:node-->回車  require-->回車
你仍是能夠看到require的信息。
而後咱們在看看環境變量配置:

(1)、個人系統變量中的path以及是node安裝的根目錄、並且我沒有在系統變量中添加任何的NODE_PATH什麼的那些鬼玩意。

![圖片上傳中...]

(2)、我只是在用戶變量中添加了 PATH = 全局模塊安裝的路徑
(3)、特別注意,這裏的系統變量中的path不要隨便改,並且你新建一個叫PATH的也會把以前的覆蓋掉(也就是說這裏是不區分大小寫)這裏的環境變量指下的是你的一些軟件以及運行環境的安裝路徑(好比java的JDK)不要聽網上那些S 13說的改系統變量的path =  D:\nodejs\node_cache。以下圖的S13 會致使你把path所有修改致使部分軟件都沒法運行甚至會重裝系統:
  1. 反思
    既然上面說的系統變量裏面有D:nodejs因此纔會在DOS命令中查看node和npm的版本 若是沒有就不行了嗎?答案是否認的,如今我把個人系統變量中的node安裝路徑刪除。如圖:

clipboard.png

clipboard.png

而後從新打開DOS node -v 或 npm -v 你會發現是不可運行的命令。可是此時你先到D盤而後cd 到nodejs的安裝路徑下再試試,如圖:

clipboard.png

呵呵噠 這不是能夠了嗎。因此說這個path是指系統默認的指定到某一路徑的意思。並且在上途中能夠看到也能夠查看全局模塊express的版本信息哦。(記得最後把你的系統變量的path恢復回去)。

  1. 總結
    首先第一不要輕易相信網上的胡謅的,總有一些不懂裝懂的SB在坑你。
    其次,慢慢來 要知其然還要志氣因此然
    接着,多試幾回,由於那些模塊包一直在更新要跟進github。時時注意官網說明。
    最後,多試幾回吧,你會受益不淺。

    PS:這個path的配置有點相似於java的環境變量配置,還有一種方法是在系統變量中新增NODE_PATH = 安裝的根目錄(D:nodejs)。但這種方法要修改系統的path 還有在 用戶變量中也不是這樣寫的。不建議使用這種方法。記住你惟一要作的就是加一個用戶變量 PATH = D:nodejsnode_global 你的全局模塊的路徑(記住知道global這一層 不到下一層)。

相關文章
相關標籤/搜索