步驟一：安裝node.js

查看node.js是否安裝成功：

node -v

查看node.js版本

步驟二：安裝cnpm

由于npm是國外的，使用起來比較慢，這里安裝cnpm淘寶鏡像

npm install -g cnpm -registry=https://registry.npm.taobao.org

安裝cnpm

步驟三：安裝全局vue-cli腳手架

使用cnpm進行安裝vue-cli

cnpm install --global vue-cli

使用cnpm安裝vue-cli

查看vue-cli是否安裝成功：

查看vue-cli是否安裝成功

步驟四：使用vue-cli初始化項目

切換到目標路徑后：

vue init  webpack projectName

使用vue-cli初始化項目

步驟五：安裝依賴

進入項目目錄，安裝相關(guān)依賴

npm install

實在安裝慢不得已可以使用cnpm install，但是cnpm有可能發(fā)生未知的錯誤，盡量使用npm install

安裝依賴

項目結(jié)構(gòu)說明，可參考下圖：

項目結(jié)構(gòu)說明

步驟六：運行項目

npm run dev

運行項目

訪問http://localhost:8080/，結(jié)果如圖：

訪問結(jié)果

可以使用vscode進行vue項目的開發(fā)，也可以使用IDEA配合插件來進行vue的開發(fā)，如圖：

IDEA中需要安裝的vue插件

使用IDEA+插件運行vue項目效果如下：

使用IDEA+插件運行vue項目

使用npm install xxx時如果報錯：

request to https://registry.cnpmjs.org/vue failed, reason: Hostname/IP does not match

可以使用以下命令關(guān)閉npm的https（取消npm的https認證）

npm config set strict-ssl false