對于大型的項目，需要考慮項目結構，項目構建和部署，熱加載，代碼單元測試等事情，這個時候我們就需要使用腳手架工具方便開發。

環境：node npm

---

這里我們使用vue-cli來開發vue項目：

1-安裝vue-cli

npm install -g vue-cli

2-初始化，構建一個webpack的項目

vue init webpack my-project

3-打開項目根目錄

cd my-project

4-安裝npm

npm install

5-啟動項目

npm run dev

構建好后的目錄結構如圖：

啟動的時候，npm run dev 然后在瀏覽器輸入http://localhost:8080

---

這兩講解兩個命令：

vue init <template-name></template-name><project-name>

template-name為模板名字，project-name為要生成的項目名字。

vue list

可以羅列出所有的可以使用的模板。

官方提供了很多模板

隨便說幾個：

Browserify ,simple,webpack,webpack-simple.............

---

如果官方模板不能滿足：

vue init username/repo my-project

生成基于自己模板的項目

vue init ~/fs/path/to-custom-template my-project

總結

以上是生活随笔為你收集整理的vue-cli简单使用心得的全部內容，希望文章能夠幫你解決所遇到的問題。

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