项目代码的初始化

1. 让移动端1:1显示网页
做移动端的页面时要考虑在PC端正常显示的网页，在移动端（IOS或者Android）显示时出现放大好几倍的现象。这个问题可以通过强制网页按照1:1进行显示，在项目默认的首页模板文件index.html中加入这样一段代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,
    minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">  <!--使得移动端的设备用户去用手指放大和缩小是没有效果的，页面的比例始终是1:1-->
    <title>travel</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

2. 引入reset.css（自行下载放在assets/styles文件夹中）
不同渲染引擎的渲染机制是不一样的，需要我们统一为一个相同的基准，就是“清零”。不同渲染引擎的渲染机制是不一样的，需要我们统一为一个相同的基准，就是“清零”。在main.js中引入：
项目代码的初始化
3. 1像素边框的问题—引入border.css（自行下载放在assets/styles文件夹中）
移动端CSS里面写了1px，实际上在移动端设备上看起来比1px粗的现象。将解决办法封装在border.css这个文件中，在main.js中引入：

4. 移动端开发中300ms点击延迟的问题—引入fastclick的库：
在某些机型上，或是浏览器上，当使用click事件，会延迟300ms才执行，用户体验感差。
步骤：

安装fastclick库到依赖中
这时在package.json中可以看到版本号
引入并绑定到document.body上

5. Iconfont技术
是一个丰富的矢量图标库，之后在项目中用到的小图标可以直接引入。用GitHub账号登录创建项目，点击下方的图标：

这样我们项目的准备和初始化工作基本就完成了，要多方面考虑移动端的各种适配问题。