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目錄下
![在這裏插入圖片描述](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上查看該項目

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章