Vue+ElementUI零基礎搭建管理平臺（2）——搭建vue-cli腳手架

下載安裝node.js

地址：nodejs.cn/download/

 

查看node版本

$npm -version 

下載淘寶的cnpm

因爲npm部署在國外，國內訪問下載延遲高，利用淘寶的cnpm可以加快速度，cnpm是npm的同步版本。

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

查看cnpm版本

$cnpm -v

安裝vue-cli腳手架

在該路徑下鍵入cmd命令：

$cnpm install vue-cli -g

-g表示全局安裝

 

 

腳手架安裝完成後，查看Vue.js版本

$vue-V 

 

創建工作空間

在自己的磁盤下創建一個工作空間

例如：B:\vue-demo\my-element\my-demo

其中my-demo就是工作空間

 

打開控制檯，進入\my-deom目錄下

快速進入指定目錄方法：

 

創建一個基於webpack模板的項目

Cmd進入工作空間，執行命令

$vue init webpack my-site

my-site爲項目的名稱，自定義

創建後的項目如圖所示：

運行項目

進入項目目錄下，打開控制檯，執行命令

$npm run dev

打開瀏覽器，輸入地址:http://localhost:8081

此時，腳手架就搭建好了，下一步就開始添加內容。