首先說明，以下內(nèi)容vue官網(wǎng)都有文檔，如果覺得麻煩啰嗦，請移步至 安裝-vue.js 。

準(zhǔn)備工作：

1.下載并安裝node環(huán)境，一般情況下安裝好node之后，npm也會安裝好。具體安裝的話，百度大概能幫得上忙。

2.配置cnpm，因?yàn)椴幻髟騨pm會很慢，建議使用配置國內(nèi)淘寶鏡像。順手一個(gè)來自vue官網(wǎng)的么么噠

3.安裝webpack（前端資源模塊化管理和打包工具）?? PS：記不清是不是一定要裝了，各位小伙伴可以給我回饋哦

cnpm install webpack -g #全局安裝webpack

開始構(gòu)建一個(gè)vue單頁應(yīng)用：

1 #利用vue-cli創(chuàng)建一個(gè)基于webpack模板的vue項(xiàng)目
2 vue init webpack simpleDemo

然后你就會看到如下畫面：

接下來怎么做vue-cli也告訴我們了。

1.進(jìn)入項(xiàng)目根目錄

cd demo

2.安裝依賴

cnpm install

3.啟動(dòng)項(xiàng)目

npm run dev

?

至此一個(gè)簡單vue單頁應(yīng)用構(gòu)建完成.

?

總結(jié)

以上是生活随笔為你收集整理的vue新手入门——vue-cli搭建的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。