使用vue-cli的优势
1. 成熟的vue项目架构设计
2. 本地测试服务器
3. 集成打包上线方案
使用vue-cli的系统要求
1. Node.js (>= 4.x)
2. Git
3. 一个能使用node的命令行终端
安装vue-cli
1. npm install vue-cli -g 全局安装vue-cli
2. vue init webpack my-project 初始化项目(规定webpack打包方式)
3. npm install 安装醒目依赖
4.
1). npm run dev 在localhost启动测试服务器
2). npm run build 生成上线目录(部署)
1. node官网下载安装http://nodejs.cn/download/
2. 安装npm镜像 因为npm的服务器在国外, 国内访问速度慢
3. 安装淘宝cnpm镜像 https://npm.taobao.org
执行命令 :
alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"
4. 安装vue-cli
$ cnpm install vue-cli -g
5. 查看vue的帮助
$ vue --help
6. 查看官方提供的模板
$ vue list
7. 创建一个项目
$ vue init webpack vuedemo3 创建一个项目名称为vuedemo3
会提示你是否使用ESLint 代码检查工具 不适用
karma + Mocha 一个测试工具 不使用
Nightwatch 测试工具 不使用
8. 启动项目
1). $ cd vuedemo3
2). $ ls
3). $ cnpm install 安装
4). $ npm run dev
5). $ npm run build 生成部署用的文件
9. 安装插件 - 前端路由 vue-router
$ cnpm install vue-router --save
将路由保存到配置文件中
