Vue-cli生成1.0版本的vue+webpack的專案模板

還記得我們上篇用vue-cli構建vue專案嗎，當我們開啟elema專案中package.json的時候，發現：

也就是說，運用此種方式構建的預設是Vue2.x,

 npm install -g vue-cli
 vue init webpack my-project（專案名稱 我的是elema）
 cd my-project（專案 elema）
 npm install
 npm run dev

如果要使用Vue 1.x的話，執行下面的操作

 npm install -g vue-cli
 vue init webpack#1
 
.0 my-project(專案名稱my-elema)
 cd my-project(專案名稱 my-elema)
 npm install
 npm run dev

我呢還是在E盤中的vueProjects中構建我的my-elema專案：

當執行我的專案時，提示埠號被佔用了。想想也是，我上一個elema專案就是構建在E盤中的vueProjects中的，它的預設埠號為8080,已經被佔用了。腫麼辦!很簡單，修改我新建的my-elema專案的埠號。

vue專案埠號被佔用解決辦法

開啟我的my-elema專案，找到config中的index.js檔案，開啟 並找到dev中的port:8080埠修改為4040（這個你隨便寫吧，只要這個埠號不被佔用就行啦）

重新執行我們的專案 npm run dev

在瀏覽器中輸入localhost:4040就可以看到我們新建的專案執行啦。

此刻再開啟my-elema專案中的packag.json檔案，發現vue變成了vue1.x版本啦.這樣問題就解決啦。繼續開開心心學習vue啦！