vue踩坑笔记 八.新建一个移动端vue项目的准备工作

搭建git环境

1.运行git init命令生成一个git环境

2.去githuab上新建一个项目

3.运行 git clone命令,将github上的代码克隆下来

4.将github上的项目的ssh密钥链接复制下来


运行下面命令将本地仓库与远程仓库建立连接

git remote add origin [email protected]:你复制的ssh密钥

创建vue项目

运行以下命令

vue init webpack 自定义的项目名

除了最后两个test选项以外,其余全部填y即可

引入第三方样式文件

因为在移动端因为不同分辨率可能导致著名的1px border问题
同时,我们也要去掉html自带的一些例如margin,padding的样式
所以我们引入以下两个第三方的css文件,放置于src/assets目录下

如果没有这两个第三方的css文件,可以去我的GitHub上下载我的项目即可

引入第三方js文件

因为移动端有一个问题,就是触发点击事件时,会有300毫秒的延迟,所以我们要下载一个第三方的js依赖解决这个问题
运行以下命令

npm i fastclick --s

在src/main.js中写入以下代码

然后重启该项目即可

提交项目

运行以下git命令

git add .
git commit -m ‘project init’
git pull --rebase
git push

在github上查看该项目