天天看點

如何通過vue-cli(腳手架)建立一個vue項目

首先,你的電腦上必須要有node環境,最新的node安裝包自帶NPM,通過NPM來安裝vue-cli

安裝vue-cli:

在指令行敲入如下代碼:

npm install -g vue-cli
           

安裝成功後,可通過vue list 進行檢視

如何通過vue-cli(腳手架)建立一個vue項目

建立項目:

在你想要建立項目的位置輸入如下代碼:

vue init webpack vuedemo01(項目名)
           

接下來會出現如下界面(該圖引用自網絡)

如何通過vue-cli(腳手架)建立一個vue項目

按照提示進行選擇,一個vue項目就建立好了

運作項目

按照順序依次輸入如下代碼,一個vue項目就運作起來了

cd vuedemo01
npm install
npm run dev
           

接下來,就可以在項目中編寫自己的代碼了