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

準備工作：

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

2.配置cnpm，因為不明原因npm會很慢，建議使用配置國內淘寶鏡像。順手一個來自vue官網的么么噠

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

cnpm install webpack -g #全局安裝webpack

開始構建一個vue單頁應用：

1 #利用vue-cli創建一個基于webpack模板的vue項目
2 vue init webpack simpleDemo

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

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

1.進入項目根目錄

cd demo

2.安裝依賴

cnpm install

3.啟動項目

npm run dev

?

至此一個簡單vue單頁應用構建完成.

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。