1、環境安裝

windows環境:node(外掛安裝)+git(程式碼提交)+碼雲(線上程式碼管理)等等

2、vue建立單頁面專案

基於Vue cli搭建的vue專案(新版Vue Cli3)

npm install -g @vue/cli

//建立一個專案
vue create myPorject

//可以用圖形化介面建立和管理專案
vue ui

//vue外掛安裝vue add安裝和呼叫vue cli外掛
vue add @vue/eslint

3、單頁面應用與多頁面應用區別

單頁面應用

優點：頁面跳轉互動好（由於是js渲染）

缺點：首屏載入慢（由於需要請求服務和資料請求）、seo不好（搜尋引擎不識別js中的文件）

多頁面應用

優點：首屏載入快、seo友好

缺點：頁面跳轉慢

4、移動端遇到的問題

1、移動端1px邊框的問題解決border.css

2、移動端click300ms的延時解決fastclick

//安裝fastclick
npm install fastclick --save

//使用main.js檔案中
import fastClick from 'fastclick'
fastClick.attach(document.body)

3、px和rem的轉化

假設設計稿（750px），則可以設定html的font-size:50px，對應的是2倍的dp，那麼設計稿對應的頁面寬度是375px，那麼1rem = 50px頁面寬度 = 100px設計稿寬度，即設計稿寬度為750/100 = 7.5rem