學之初衷
一直在糾結要不要動手開始學習nodejs(原諒我之前說到作不到~)。今天,終於給本身下一個惡狠狠的心,開始着手學習nodejs,其實也不是爲了學習nodejs,最最最重要的是開始學習vue啦(不要問我爲何學vue,最主要的仍是面試時被嚴重鄙視了,說我僅僅是一個切圖仔。唉,這裏很少說了)。下面來寫寫如何在windows系統內安裝nodejs及npm安裝模塊全局路徑的設置。(因爲我是在windows平臺上開發,這算不算不是一名合格的程序猿呢?)。vue
nodejs安裝步聚
- windows下的nodejs安裝仍是比較方便的,已經支持windows native安裝方式。只須要去nodejs官網(https://nodejs.org/en/)下載.msi安裝文件。
- 直接點擊你下載的.msi安裝文件就能夠了,直接next下一步就行。固然了,這裏你能夠選擇你的安裝文件路徑,在這裏,我設置了nodejs文件的安裝在D:\Program Files\nodejs路徑下。這樣,將會設置nodejs的PATH路徑爲D:\Program Files\nodejs。
- 以上步聚安裝完成,打開window的cmd控制檯(快捷鍵 window+r,輸入cmd,回車)。在cmd命令行裏輸入node -v,若顯示出nodejs的版本號,則表示安裝成功。
- npm的安裝,因爲新版的nodejs已經集成了npm,因此npm在你安裝nodejs的同時,已經安裝好了。直接在cmd命令行輸入npm -v,若出現相應的npm版本號,則表示npm也安裝成功了。
- 常規的nodejs搭建到如今已經爲止了,急不可待的在cmd命令行輸入node後進入node開發模式,輸入你的nodejs第一句console.log("hello world ~");,將會在cmd命令行輸出"hello world ~"。(是否是很開心,哈哈 ~)
經過以上幾個步聚,終於完成了nodejs的安裝,包括安裝路徑的更改。(安裝起來很簡單,提及來咋就這麼麻煩,唉,多動手實現就行了 ~_~)。node
npm全局模塊路徑的設置
- 正常狀況下,npm全局模塊安裝的存放路徑是在你電腦C:\Users\你的電腦名稱\AppData\Roaming\npm下的,以及cache路徑是在你電腦的C:\Users\你的電腦名稱\AppData\Roaming\npm-cache下的。
- 要先設置全局模塊的存放路徑和cache路徑。例如我但願將以上兩個文件夾放在nodejs內(不要問我爲何,由於我但願之後在別的電腦上配置起來簡單,不用每次都去獲取各個模塊),便在nodejs目錄下新建"node_global"和"node_cache"兩個文件夾。
-
啓動cmd,輸入下面兩行命令:面試
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
- 接下來,安裝一個模塊試試,因爲接下來我要學習vue,這裏我直接在cmd命令行直接輸入npm install vue -g(-g就是全局安裝模塊的意思,就是將vue模塊安裝到你修改後的模塊存放路徑D:\Program Files\nodejs\node_global),等待下載安裝。
- 安裝完成後會提示安裝vue的路徑及版本,將在node_global目錄下看到node_modules文件夾,打開能夠看到vue模塊的包,此時代表vue模塊已經下載安裝完成,此時,咱們爲了檢驗vue是否安裝成功,直接在cmd命令行輸入vue -V將會出現如下錯信息"'vue' 不是內部或外部命令,也不是可運行的程序或批處理文件。"那麼問題來了,該怎麼解決呢?
- 咱們更改了npm全局模塊的存放路徑和cache路徑,此時使用module時將會出現上述錯誤。關鍵的步聚來了,咱們要從新設置一下系統變量。關閉cmd命令行窗口,在"個人電腦"裏,右擊後打開屬性,進入環境變量對話框,在系統變量裏新建NODE_PATH,輸入"D:\Program Files\nodejs\node_global\node_modules"。(pssssss:這一步至關關鍵)。保證在cmd命令行進入node後能夠require("vue");正常。
- 因爲改變了module的默認地址,因此上面的用戶變量須要跟着改變一下。在PATH變量中,咱們須要從新加入"D:\Program Files\nodejs\node_global\"這個參數。(因爲node全局模塊大多數都是提供全局訪問的,因此要把"D:\Program Files\nodejs\node_global\"加到PATH路徑裏)
- 保存改變環境變量的參數後,打開cmd命令行,輸入vue -V,將出現vue的版本號,說明npm全局模塊的路徑設置完成。
至此,已經完成了npm全局模塊的路徑設置(撒花啦~)。npm
總結
萬事開頭難(哈哈,原諒我很懶 23333),一旦開始就無路可退。最近也不知道怎麼了,總感受"我好累,卻無路可退!"還有就是最近在看二級建造師的教材,水利水電工程專業教材,一看頭就大了(看來是老了,接受新知識的能力大不如從前,唉,扯的有點遠)。學完nodejs的安裝,要學vue了。就是這麼任性哈~
最後, 但願仍是靜下心來,少玩手機,多看書吧(互勉)。一我的孤獨的時候,或許是最好的閉關階段,也是最好的學習階段。固然,對愛情仍是充滿期待的喲。
來路已無,將來可期。windows