1. 程式人生 > >使用vue-cli腳手架工具搭建vue-webpack專案

使用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

-----------------------------------------------------------------------------------------------------------

這樣即可安裝完成了,也會自動開啟首頁,沒有就自己手動開啟即可