# Vue 快速搭建
1. 脚手架
```
(npm set registry https://registry.npm.taobao.org/)
npm install --global vue-cli
vue init webpack my-project
cd my-project
npm install
npm run dev
```
2. 项目代码结构
1. package.json 依赖
2. eslintrc.js 代码规范
3. editorconfig ide配置
4. static 文件夹 静态资源
5. src 项目代码
6. config 项目配置信息
7. build webpack 打包信息
8. .babelrc
3. 单文件组件与Vue中的路由
1. 单文件组件，单独的vue文件
模板放在template标签
逻辑放在script
1.添加到处名字
```
export default {
name: 'Home'
```
样式style
```
vue.compoent('abc',{
})
```
4. 路由
1. 根据网址的不同，返回不同的内容
2. vue 中的 router-view 标签 显示的是兑钱路由地址所对应的内容，这些配置在router文件夹中
3. router-link 标签负责跳转
5. 多页面vs单页面
多页面特点
1. 每次请求都返回HTML5
2. 首屏时间快SEO效果好
3. 搜索引擎效果好
4. 页面切换慢
6. 项目初始化
1. index.html
```
```
2. reset.css与border.css
2. 保证在每个设备上样式一致
1. 尽量放在 assets 文件夹的styles文件夹里
2. 在main.js中引入即可
3. fastclick
1. 解决点击延迟
2. 安装`npm install fastclick --save`
3. 引入
4. iconfont
1. `www.iconfont.cn`
