【Vue项目】去哪儿网APP①前期准备

使用码云（gitee）平台

1. 创建仓库及项目，接着使用Git命令：git clone将项目克隆到本地。
2. 全局下安装Vue-cli（脚手架），使用以下命令：
   $ npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 使用打包工具webpack，运行命令：vue init webpack 项目名称 。

项目初始化前期准备

1. 设置移动端不能缩放拉伸：在index.html中meta中的设置如下

<meta name="viewport" content="width=device-width,initial-scale=1.0,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. 解决移动端1像素在多倍屏中显示多像素的问题：引入border.css文件，并在main.js中导入。

import './assets/styles/border.css'

4. 解决移动端点击时有300ms延迟的问题：安装fastclick
   首先，在相应的文件目录下执行以下命令进行安装

npm install fastclick --save

接着，在main.js中引入fsatclick，并使用：

import fastclick from 'fastclick'

fastclick.attach(document.body)

5. 通过iconfont官网配置项目的icon，在iconfont官网创建相应的项目。
6. 最终配置完成代码后，通过以下git指令将代码初次推送至线上同步。

git add .   //将本地修改添加到本地git的缓存区
git commit -m 'project init'   //把文件提交到仓库，并携带‘project init’这个信息
git push   //将文件推送至仓库