# 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. 項(xiàng)目代碼結(jié)構(gòu)
? ? 1. package.json 依賴
? ? 2. eslintrc.js 代碼規(guī)范
? ? 3. editorconfig ide配置
? ? 4. static 文件夾 靜態(tài)資源
? ? 5. src 項(xiàng)目代碼
? ? 6. config 項(xiàng)目配置信息
? ? 7. build webpack 打包信息
? ? 8. .babelrc
3. 單文件組件與Vue中的路由
? ? 1. 單文件組件症副，單獨(dú)的vue文件
? ? ? ? 模板放在template標(biāo)簽
? ? ? ? 邏輯放在script
? ? ? ? ? ? 1.添加到處名字
? ? ? ? ? ? ? ? ```
? ? ? ? ? ? ? ? export default {
? ? ? ? ? ? ? ? ? ? name: 'Home'
? ? ? ? ? ? ? ? ```
? ? ? ? 樣式style
? ? ? ? ```
? ? ? ? vue.compoent('abc',{
? ? ? ? })
? ? ? ? ```
4. 路由
? ? 1. 根據(jù)網(wǎng)址的不同篙顺，返回不同的內(nèi)容
? ? 2. vue 中的 router-view 標(biāo)簽 顯示的是兌錢路由地址所對(duì)應(yīng)的內(nèi)容，這些配置在router文件夾中
? ? 3. router-link 標(biāo)簽負(fù)責(zé)跳轉(zhuǎn)
5. 多頁(yè)面vs單頁(yè)面
? ? 多頁(yè)面特點(diǎn)
? ? 1. 每次請(qǐng)求都返回HTML5
? ? 2. 首屏?xí)r間快SEO效果好
? ? 3. 搜索引擎效果好
? ? 4. 頁(yè)面切換慢
6. 項(xiàng)目初始化
? ? 1. index.html
? ? ? ? ```
? ? ? ? ? ? ? ? ```
? ? 2. reset.css與border.css
? ? ? ? 2. 保證在每個(gè)設(shè)備上樣式一致
? ? ? ? 1. 盡量放在 assets 文件夾的styles文件夾里
? ? ? ? 2. 在main.js中引入即可
? ? 3. fastclick
? ? ? ? 1. 解決點(diǎn)擊延遲
? ? ? ? 2. 安裝`npm install fastclick --save`
? ? ? ? 3. 引入
? ? 4. iconfont
? ? ? ? 1. `www.iconfont.cn`
