## 前言
使用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
- 其他