1. 程式人生 > >win10 nodejs,npm,vue.js安裝部署

win10 nodejs,npm,vue.js安裝部署

目錄

 

 

1. 下載安裝node.js

2. 安裝Git

3. 使用git安裝npm(node.js安裝時自帶npm的,這一步可以忽略)

4. NPM設定

安裝VUE.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]"
  },