1、打开index.html文件
修改meta:移动端禁止放大缩小
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
2、引入基础样式reset.css
在main.js文件里引用
import './assets/styles/reset.css'
3、引入border.css,解决移动端1像素边框问题
同样在main.js中引用:
import './assets/styles/border.css'
4、移动端300毫秒点击延迟 fastclick
在某些机型或浏览器中,使用click点击事件时,会有延迟300毫秒,然后在执行。
在终端安装依赖:记得要在项目目录下
npm install fastclick --save
安装完成后,重启项目,在main.js中引用fastclick:
import fastClick from 'fastclick'
fastClick.attach(document.body)
5、iconfont
建立项目文件夹,以备后用。
6、把修改上传到远程
git add . git commit -m "project init" git push