win10 nodejs,npm,vue.js安裝部署
目錄
3. 使用git安裝npm(node.js安裝時自帶npm的,這一步可以忽略)
1. 下載安裝node.js
下載最新版node.js,現在最新版地址
https://nodejs.org/dist/latest-v9.x/
解壓到指定目錄,並配置環境變數
NODE_HOME=xxxxx/xxx node.exe所在目錄
並指定到Path
驗證: cmd進入命令,輸入node --version
驗證NPM:npm -v
2. 安裝Git
我是用git方式安裝npm
https://git-scm.com/download/win
驗證: git --version
3. 使用git安裝npm(node.js安裝時自帶npm的,這一步可以忽略)
a. 配置:git config --system http.sslcainfo /bin/curl-ca-bundle.crt
b.執行下載:git clone --recursive git://github.com/isaacs/npm.git
4. NPM設定
配置npm全域性模組存放路徑及快取路徑,方便管理
npm config set prefix "D:\app\node9.11.2\node_global"
npm config set cache "D:\app\node9.11.2\node_cache"
檢視目錄:npm config ls
安裝依賴:npm install
如果出現錯誤,檢視下邊錯誤解決方案
使用淘寶映象:
npm config set registry https://registry.npm.taobao.org
臨時使用:npm --registry https://registry.npm.taobao.org install express
cnpm安裝:
由於使用npm安裝外掛是從國外伺服器上獲取的,國內使用會出現下載速度較慢,下載失敗等問題,因此我們可以使用npm 國內映象--cnpm。
npm install cnpm -g --registry = https://registry.npm.taobao.org
安裝VUE.js
cmd輸入:npm install -g vue-cli
建立環境變數
VUE-HOME=vue安裝目錄
構建專案
在CMD.EXE中將目錄移動至選定目錄,即專案建立的位置。
在選定目錄下輸入命令
vue init webpack project-name
在選定目錄下輸入命令之後按照提示輸入專案名稱,描述,作者等資訊。
執行專案
將位置移動至專案目錄,輸入命令
cd project-name
npm run dev
等待載入完成,開啟瀏覽器,輸入localhost:8080,若執行成功,則會顯示以下頁面
NPM安裝依賴出錯
1. npm install出錯
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\WIN10\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\WIN10\package.json'
npm WARN WIN10 No description
npm WARN WIN10 No repository field.
npm WARN WIN10 No README data
npm WARN WIN10 No license field.
原因分析:
根據錯誤提示,是系統沒有‘package.json’這個檔案導致。這個檔案的作用就是管理你本地安裝的npm包,允許你指定一個包的 版本[範圍]
解決方式:
首先,初始化專案,一路回車就行
npm init -f
接著安裝依賴
npm install formidable --save
提示沒有:
npm WARN [email protected] No description
npm WARN [email protected] No repository field.
分析:package.json缺少repository
增加如下
"repository": {
"type": "git",
"url": "[git-url-of-your-project]"
},