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

搭建git环境

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

2.去githuab上新建一个项目

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

4.将github上的项目的ssh密钥链接复制下来
在这里插入图片描述
在这里插入图片描述
运行下面命令将本地仓库与远程仓库建立连接

git remote add origin git@github.com:你复制的ssh密钥

创建vue项目

运行以下命令

vue init webpack 自定义的项目名

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

引入第三方样式文件

因为在移动端因为不同分辨率可能导致著名的1px border问题
同时,我们也要去掉html自带的一些例如margin,padding的样式
所以我们引入以下两个第三方的css文件,放置于src/assets目录下
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200116104621851.png
如果没有这两个第三方的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上查看该项目

在这里插入图片描述

发布了79 篇原创文章 · 获赞 1 · 访问量 6381
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览