## 前言
使用vue開發大型項目時,需要考慮到目錄結構、項目構建以及部署、熱加載、代碼單元化測試等事情,如果手動完成這些,效率非常低,一般情況下我們使用腳手架完成這樣的工作。在vuejs的生態中,我們可以使用vue-cli來快速的構建項目。
## 安裝
* 全局安裝
`cnpm i vue-cli -g`
* 安裝成功可以查看版本
`vue -V`
## 基本使用
* 使用vue-cli來快速生成webpack構建的項目。之后會陸續完成一些項目基本信息的設置(項目名稱,描述,作者,eslint檢查,單元測試,e2e測試等)
`vue init webpack my-project`
* 生成之后的默認的項目結構
* 項目初始化之后完成安裝依賴,運行項目,訪問localhost:8080即可,作為常識要知道所有的spa應用都是路徑帶/#/ 的。
`cnpm i `
`cnpm run dev `
*
- 前端工程化
- 前端工程化技術棧
- 前端工程化說明
- 工程化實踐
- npm教程
- npm入門
- cnpm入門
- cnpm搭建
- nodejs教程
- nodejs入門
- 快速入門
- 命令行工具
- 內存泄露
- 代碼的組織與部署
- 文件操作
- 網絡操作
- 進程管理
- 異步編程
- express教程
- orm模塊
- nodejs實踐
- 項目搭建
- 異步優化
- 創建web和tcp服務器
- 終端問答程序
- 爬蟲系統
- mongleDb
- gulp教程
- gulp入門
- gulp常用插件(1)
- gulp常用插件(2)
- gulp創建目錄
- webpack教程
- webpack入門
- vuejs教程
- vuejs入門系列
- vue-cli入門
- angularjs教程
- angularjs入門系列
- reactjs教程
- reactjs入門系列
- bower教程
- bower入門
- echarts教程
- swiper教程
- web
- web優化
- http優化1
- http優化2
- http優化3
- 其他