我安裝node.js是為了學習vue,需要用到npm,所以就把node.js安裝了,安裝node.js會帶有npm的安裝。
在安裝node.js之前,我們需要了解以下三個內容。
npm: Nodejs下的包管理器。
webpack: 它主要的用途是通過CommonJS的語法把所有瀏覽器端需要發布的靜態資源做相應的准備,比如資源的合並和打包。
vue-cli: 用戶生成Vue工程模板。(幫你快速開始一個vue的項目,也就是給你一套vue的結構,包含基礎的依賴庫,只需要 npm install就可以安裝)
下載node.js地址:https://nodejs.org/en/
1、下載安裝包,點擊安裝就一直下一步就可以了。
2、安裝完成后,系統會自動幫你配置系統環境變量,你可以在系統環境變量中path可以看到
3、進入docs中查看node.js和npm的版本號,如下圖:
4、進入C:\Users\admin\AppData\Roaming,可以看到npm的本地倉庫跑在系統盤c盤的用戶目錄了(沒見到npm-cache是因為沒有用過,
一使用緩存目錄就生成了),我們試圖把這2個目錄移動回到D:\ProgramFiles\nodejs,在D:\ProgramFiles\nodejs目錄下創建兩個文件夾,分別是以下兩個
然后在docs命令下運行以下2條命令
npm config set prefix "D:\ProgramFiles\nodejs\node_global"
npm config set cache "D:\ProgramFiles\nodejs\node_cache"
把目錄設置為我們指定的目錄,最后在docs下運行npm list -global,可以看到目錄已經改變了。
因為使用npm下載很慢,這時候我們需要配置淘寶鏡像站,下載才會快。
docs命令下輸入命令npm config set registry=http://registry.npm.taobao.org 配置鏡像站
再輸入npm config list可以顯示剛才我們配置的信息。
注意:
使用 npm -g 安裝的時候,默認的模塊D:\ProgramFiles\nodejs\node_modules 目錄
將會改變為D:\ProgramFiles\nodejs\node_global\node_modules目錄,
我們需要做1件事情:
1、增加環境變量NODE_PATH 內容是:D:\ProgramFiles\nodejs\node_global\node_modules
下載vue-cli 腳手架,npm install vue-cli -g,下載vue后,docs命令下測試vue ,提示沒有vue命令。
主要是因為vue腳本在自定義的global目錄下,不在path環境變量
這時候,我們需要在環境變量path中添加,D:\ProgramFiles\nodejs\node_global,如下圖
再來輸入vue就可以看到是有這個命令的了
查看vue腳手架版本,vue -V 字母V為大寫。