Vue-cli腳手架的安裝以及使用命令搭建Vue-cli + webpack項目

1. Vue-cli腳手架安裝，配置vue命令環境

vue-cli依賴於node.js，所以需要先安裝node.js
安裝好node.js後，測試看是否安裝成功！

接下來安裝vue-cli命令（npm install vue-cli -g）這種方式安裝下載速度非常慢，所以我現在用cnpm安裝。首先安裝cnpm（npm install -g cnpm）

安裝好後運行（cnpm install vue-cli -g）命令安裝vue

安裝好vue後，測試看是否安裝成功！
輸入命令：vue -v 或者 vue --version

vue-cli提供了幾個模板給開發人員用於不同的項目，可以通過命令（vue list）查看，一般用webpack和webpack-simple的比較多，我們用webpack

2. 初始化項目，生成項目模板

命令（vue init webpack vue_demo）
運行後會輸入一些項目相關配置，如：項目名，作者等…
如下所示：

生成項目ing…

項目基本生成完畢

3. 打開生成的項目目錄，安裝依賴和運行

進入項目目錄，裏面的東西就是vue-cli給我們的腳手架（初始化好的目錄結構）

打開項目並運行
運行項目的命令（npm run dev）

運行成功！

打開瀏覽器輸入：http://localhost:8080 查看效果

如果你的端口被其他項目佔用，vue也會用其他端口。

寫的有些粗糙，有什麼不對的地方還請各位大佬指點一二。