vue-cli安装

vue-clie 官方提供脚手架工具

• 成熟的vue项目架构设计

• 本地测试服务器

• 集成打包上线方案

• 要求：
  Node >=4.0
  git

• 步骤：
  1.cnpm install vue-cli -g 安装vue-cli
  2.vue init webpack my-project 初始化项目
  3.cd my-project，cnpm install 安装项目依赖
  4.npm run dev 在localhost启动测试服务器
  5.npm run build 生成上线目录（部署）

1.安装nodejs

记得配置环境变量
有npm.cmd的目录要在环境变量的配置里

2.github for windows 下载git

mobaXterm工具,可以启动本地terminal
path use windows .. 打上勾
cnpm 用第二种方式安装
alias 别名
npm update -g npm更新
npm install -g npm 把npm升级到最新版本
n latest

3. cnpm install vue-cli -g

vue --help
vue -v
vue list 官方提供的模板

4.vue init webpack demo

ESLint代码检查工具 使用了会严格要求代码格式
不采用

5.安装依赖 ,安装的就是package.json里面的东西

在有package.json的目录下运行cnpm install 回车就好
安装完成多了一个node_modules目录
**npm run dev 测试版
vue-cli是有热更新的效果

npm run build 生成部署用的一套文件
多了一个dist目录，会根据代码生成压缩好的文件

我们的大部分开发都是在src目录下
index.html默认有一个js入口

export default {

}

可以用 import引用