一秦爆、安裝 iTerm2 工具
官方網(wǎng)站:http://iterm2.com/下載安裝包主守,然后進(jìn)行安裝.
二痹屹、安裝Node.js
官方網(wǎng)站https://nodejs.org/nodejs/ 下載安裝包尸疆,然后進(jìn)行安裝.
安裝好了 nodejs 之后侧馅,我們?cè)诮K端中輸入以下兩個(gè)命令:
node -v
npm -v
得到node環(huán)境的版本號(hào)仿畸,說明node已經(jīng)安裝成功
三食棕、安裝 vue-cli VUE的腳手架工具
在iterm2輸入命令
npm install -g vue-cli
安裝完成后,我們?cè)诮K端中輸入:vue -V
,得到vue版本號(hào)错沽,說明vue-cli安裝成功
四簿晓、用vue-cli構(gòu)建一個(gè)項(xiàng)目
1,先使用命令 cd ~/project/vue/test
進(jìn)入project下vue下test目錄
2千埃,使用命令 vue init webpack vue-demo-cnodejs
構(gòu)建一個(gè)名為vue-demo-cnodejs
的項(xiàng)目
3憔儿,出現(xiàn)提示,一路回車與n結(jié)束放可,為了截圖又新建了一個(gè):
4谒臼,命令
cd vue-demo-cnodejs
,進(jìn)入構(gòu)建的項(xiàng)目目錄5耀里,命令
npm install
安裝node調(diào)試環(huán)境6蜈缤,命令
npm run dev
啟動(dòng)測試站,至此成功冯挎!