最近工作上沒有太多事情票罐，自己就研究了一下 Vue ,以前自己在項目中都是用 Angular,但聽盆友說 Vue的效率更高就想著嘗試做一個小demo叫挟。
首先配置Vue 運行環(huán)境 Vue +webpack 構(gòu)建項目
1. 安裝node
2. 全局安裝 vue-cli
npm inatall -g vue-cli
vue : 查看是否安裝成功
vue list : 查看可用的模板
3. 創(chuàng)建一個基于 “webpack”模板的新項目
vue init webpack project-name(默認安裝 2.0 版本)
vue init webpack#1.0 project-name (安裝 1.0 版本)
此時 cd 進入到剛剛創(chuàng)建的項目名
-build中配置了webpack的基本配置、開發(fā)環(huán)境配置、生產(chǎn)環(huán)境配置等
-config中配置了路徑端口值等
-node_modules為依賴的模塊
-src放置組件和入口文件
-static放置靜態(tài)資源文件
-index.html文件入口
webpack中的一些解釋
new HtmlWebpackPlugin這個插件的作用是把output輸出的文件自動插入到html里
1.cd project-name
2.Npm install
3.Npm run dev
4.在瀏覽器輸入localhost:8080就可以打開vue小項目了
（注意） 在運行中因為 npm 的版本小于 （3.0.0） 會導致不能正常運行這里升級npm版本
然后在運行就可以了
