使用vue-cli腳手架工具搭建vue-webpack專案
Vue和Angular、React都是前端框架
1、單頁面框架、 2、基於模組化元件化的開發模式
Vue簡單 靈活 高效 國內的中小企業裡面用的非常多
搭建vue的開發環境:
1、必須要安裝nodejs
2、搭建vue的開發環境 ,安裝vue的腳手架工具 官方命令列工具
npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要執行一次)
3.1、建立專案 必須cd到對應的一個專案裡面
vue init webpack vue-demo01
cd vue-demo01 cnpm install / npm install ( 如果建立專案的時候沒有報錯,這一步可以省略。如果報錯了 cd到專案裡面執行 cnpm install / npm install) npm run dev(執行想專案)
3.2、另一種建立專案的方式 (推薦) ***(本人目前用的是這種,包沒有那麼多)
vue init webpack-simple vuedemo02
cd vuedemo02 cnpm install / npm install npm run dev
-----------------------------------------------------------------------------------------------------------
這樣即可安裝完成了,也會自動開啟首頁,沒有就自己手動開啟即可