使用之前，我們先來明白這幾個東西是用來干什么的，
- node.js: 一種javascript的運行環境，能夠使得javascript脫離瀏覽器運行，
Node.js的出現，使得前后端使用同一種語言，統一模型的夢想得以實作， - npm: Nodejs下的包管理器，
- webpack: 它主要的用途是通過CommonJS的語法把所有瀏覽器端需要發布的靜態資源做相應的準備，比如資源的合并和打包，
- vue-cli: 用戶生成Vue工程模板，（幫你快速開始一個vue的專案，也就是給你一套vue的結構，包含基礎的依賴庫，只需要 npm install就可以安裝）
第一步，安裝nodejs
nodejs中文網:http://nodejs.cn/
下載后安裝，路徑推薦更改在盤根目錄，
( 這里因為我的另一個磁盤磁區裝了其他OS，只剩C盤了，如果你有其他盤推薦放到其他盤里 )
默認會自動添加到path環境變數
最后完成安裝，
安裝完成 查看變數和版本
使用Cmd命令（Windows鍵+R）
- 查看環境變數 :
echo %PATH% - 查看Node版本:
node -v - 查看npm版本:
npm -v
第二步，更改默認模塊和快取目錄
剛安裝后，nmp本地倉庫檔案夾生成在用戶目錄，并不是說NodeJS和NPM安裝好了到這里就能直接使用了，這也是新手經常犯的一個錯誤之一，因為默認情況下，NPM安裝的模塊并不會安裝到NodeJS的程式目錄，而是安裝到系統用戶組路徑下的檔案夾，如果不修改npm的模塊安裝目錄，那么它默認情況下都會安裝到這里，隨著你測驗開發各種不同的專案，安裝的模塊越來越多，那么這個檔案夾的體積會越來越大，直到占滿你的C盤，這就是為什么要修改npm的配置的原因，，
因為博主電腦就一個盤了，只能安裝到C盤，給大家演示下安裝C盤自定義路徑，（其他盤方法同）
我打算把這兩個路徑換到安裝nodejs的目錄，C:\nodejs
在C:\nodejs新建兩個檔案夾
- node_global
- node_cache
- § 這兩個檔案夾是全域模塊目錄和快取目錄
然后運行以下2條命令（后邊的是路徑，根據自己實際情況修改）
npm config set prefix "C:\nodejs\node_global"npm config set cache "C:\nodejs\node_cache"
命令: npm list -global
更改前:
更改后:
第三步、接下來配置鏡像站
配置淘寶鏡像站:
命令: npm config set registry=http://registry.npm.taobao.org
檢查鏡像站是否配置成功: npm config get registry
- 國內鏡像站，速度更快，加速安裝，
第四步、查看組態檔 （安裝可忽略）
輸入命令 npm config list 顯示所有配置資訊，會生成一個組態檔
生成的組態檔路徑 C:\Users\Administrator\.npmrc
使用文本編輯器編輯它，可以看到剛才的配置資訊（只是讓你看到修改，so安裝可忽略這一步）
第五步、安裝npm
安裝npm : npm install npm -g
默認的模塊C:\nodejs\node_modules 目錄
將會改變為C:\nodejs\node_global\node_modules 目錄，
如果直接運行npm install等命令會報錯的，
增加環境變數NODE_PATH 內容是：C:\nodejs\node_global\node_modules
（然后，需要重新打開CMD讓上面的環境變數生效）
第六步、npm安裝vue.js
命令：npm install vue -g
- 這里的 -g 是指安裝到global全域目錄去
命令： npm install vue-router -g
- vue-router 是專為 Vue.js 開發的便于實作單頁應用的工具庫，能夠以宣告式的方法撰寫頁面的導航和跳轉資訊，
命令： npm install vue-cli -g
? 因為vue腳本在自定義的global目錄下，不在path環境變數，我們需要去系統變數里添加，
- 對path環境變數添加
C:\nodejs\node_global - ⊕注意: win10以下版本的，橫向顯示PATH的，注意添加到最后時，不要有分號【;】
(修改path后需要重新打開cmd 才會上邊更改的變數生效)
測驗vue是否可用命令：vue -V
- 出現版本號即配置正確 注意
-VV是大寫的
第七步、vue配置完成后，配置第一個專案
vue-cli工具是內置了模板包括 webpack 和 webpack-simple
這里我選擇創建內置webpack專案到 C盤的nodejs檔案夾下 （可根據自己路徑選擇）
即首先cd到要安裝的路徑（可根據自己路徑選擇）
命令: cd C:\nodejs
創建webpack專案: vue init webpack vue01
- 進入專案:
cd C:\nodejs\vue01 - 安裝依賴:
npm install - 運行專案:
npm run dev
成功界面，提示打開地址http://localhost:8080
打包生成專案（編譯成已構建檔案）
命令: npm run build
最終結果生成在 dist 檔案夾
原文鏈接:鉆芒博客
Node.js npm基礎安裝配置&創建第一個VUE專案
https://www.zmki.cn/4985.html轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/98293.html
標籤：其他
上一篇：請問，如何求得此問題的最大利潤？
下一篇：程式員需要堅持學習英語和演算法