Vue开发（一）—— 脚手架搭建项目及配置路由

一、使用vue-cli搭建项目

1、安装cnpm ：$ npm install -g cnpm --registry=https://registry.npm.taobao.org
2、vue-cli全局安装：cnpm install -g vue-cli
3、用脚手架搭建一个基于webpack的新项目：vue init webpack 项目名字
4、打开项目： cd 项目名字
安装依赖：cnpm install（这次安装的时候发现这一步不用走）
运行项目：npm run dev

（如果想自动打开浏览器，可以找到config/index.js中修改 autoOpenBrowser: true即可）

二、文件路径解析（这里参考简书文章：https://www.jianshu.com/p/f5804394819c ）

├── build/ # 项目打包配置文件 vue-cli 初始化的文件
├── node_modules/ #模块文件
├── config/ #配置文件 vue-cli 初始化的配置
├── dist/ #打包后的文件存放目录
├── src/ #项目入口目录
── ├── assets/ # 前端资源目录，比如less文件
── ├── components/ # vue公共组件
── ├── router/ # vue路由管理目录
──── ├── index.js # 路由主文件
── ├── store/ # vuex的状态管理
── ├── App.vue # 页面入口文件ÿ