vue-cli
是官方提供的一个脚手架工具(已经帮组写好基础代码).可以快速生成一个vue的项目模板
github地址 : https://github.com/vuejs/vue-cli
主要的功能:
- 规范的目录结构
- 本地调试
- 代码部署
- 热加载
- 单元测试
vue-cli的优势:
- 成熟的vue项目的架构设计
- 本地测试服务器 node-server
- 集成打包上线
环境要求
- 需要先安装Node:nodejs>4.0 (通过node -v查看版本)
- 需要先安装:Git (Windows下可以使用Git bash软件模拟或者使用DOS控制台)
安装流程:
如果没有装cnpm可以使用npm install cnpm -g
安装(Mac系统则一律需要加sudo)
第一步:cnpm install vue-cli -g
-g表示安装到全局
也可以通过vue list
来查看所有可以使用的模板
安装成功以后新建一个目录,在该目录下执行(先去到该目录):
第二步: vue init webpack vuecli
会生成一个自定义的目录名vuecli(可修改)
webpack
是v