1. 程式人生 > >vue專案、程式碼提交至碼雲、iconfont的使用

vue專案、程式碼提交至碼雲、iconfont的使用

一、前期準備

  • 首先得有一個碼雲賬號,賬號名最好是英文,用於線上倉庫
  • 其次下載一個git到電腦,因為很多git命令,cmd命令列識別不了
  • 最好再有一個Iconfont賬號,很多前端用到的圖示就不用再自己畫了,直接新增到專案下載下來就可以用了
  • 還需要用到的有node

二、建立專案

  • 1、首先在碼雲上新建一個私有的專案(如果專案是共有的,那麼所有人都能看見,一般設為私有,然後將專案組的人拉進來就可以了),使用READERME檔案初始化這個專案,語言選擇javascript,克隆到本地
    其中需要完成線上倉庫與本地的連線

  • 2、接下來就可以在本地進行程式碼的編寫了。

  • 3、需要用到圖示時直接在iconfont中找到,加入購物車,新增進專案之後下載到本地,在元件中引用就行了。其中下載的檔案只有部分是我們需要的,如下圖所示:

再將iconfont.css也複製進css資料夾即可

別忘記還要修改iconfont.css的路徑

三、提交程式碼到碼雲

主要想記載一下原生代碼的提交的一些命令
要提交程式碼就得完成本地與線上倉庫的連線,這裡是通過公鑰私鑰來進行連線的

  • 1、生成公鑰私鑰

在專案資料夾下執行git命令(引號中為註冊碼雲的郵箱地址)

`ssh-keygen -t rsa -C "[email protected]"`
  • 2、一路Enter下去,然後將生成的公鑰填在碼雲(設定-ssh公鑰)上

    接下來輸入

cat ~/.ssh/id_rsa.pub
  • 3、初始化git倉庫

在專案資料夾下執行git命令

git init
  • 4 、將專案檔案新增到緩衝區中
git add .
  • 5 、將add的檔案commit到倉庫
git commit -m 'project init'
  • 6、連線碼雲

這一步有可能會報錯,需要輸入命令

git config  --global user.name 使用者名稱;
git config  --global user.email 郵箱名;
  • 7、上傳程式碼到碼雲倉庫
git push

四、遠端有專案的情況和碼雲建立連線:

  • 1.在本地建立一個資料夾 或 命令 mkdir + 檔名
  • 2.命令cd + 檔案目錄 進到檔名下
  • 3.git clone + 碼雲倉庫地址(碼雲上新建專案點進去克隆或複製的連結)

五、一些git命令

  • 檢視所有分支 :git branch -a

  • 切換到某一分支:git checkout 分支名稱

  • 合併分支:git merge 原分支 目標分支

  • 提交命令有兩個,git push origin master(正常提交)和git push origin master -f(強制提交,強制提交可能會把之前的commit註釋資訊,不會改變修改的程式碼,慎用),都是提交到master分支

  • 檢視遠端分支 git branch -agit branch -r

  • 建立本地分支 git branch demo_fenzhi

  • 切換到本地分支 git checkout demo_fenzhi

  • 刪除本地分支 git branch -d demo_fenzhi

  • 檢視本地分支狀態 git branch

  • 建立遠端的分支,並且把本地分支推送到遠端分支上 git push origin demo_fenzhi:demo_fenzhi 本地分支名稱:遠端分支名稱

  • 刪除遠端分支 git push origin :demo_fenzhi
    git push origin --delete demo_fenzhi

  • 本地分支與遠端分支比較 git diff demo_dev origin/demo_fenzhi
    //demo_dev為本地分支,demo_fenzhi為遠端分支

  • 新分支並切換到分支 git checkout -b bende_fenzhi

  • 建立+切換分支:git checkout -b <name>

  • 合併某分支到當前分支:git merge <name>

  • 恢復刪除後未git add的檔案 git checkout -f或git clean -df

  • 可以把遠端某各分支拉去到本地的branchname下,如果沒有branchname,則會在本地新建branchname git fetch origin branchname:branchname

  • 獲取遠端分支remoteName到本地新分支localName,並跳到localName分支 git checkout origin/remoteName -b localName

相關推薦

vue專案程式碼提交iconfont的使用

一、前期準備 首先得有一個碼雲賬號,賬號名最好是英文,用於線上倉庫 其次下載一個git到電腦,因為很多git命令,cmd命令列識別不了 最好再有一個Iconfont賬號,很多前端用到的圖示就不用再自己畫了,直接新增到專案下載下來就可以用了 還需要用到的有no

用git命令把程式碼提交倉庫

1,首先要在碼雲上新建一個專案: 點選建立之後: 這樣就建立完成了一個私人的專案了: 建立完成之後: 複製這個地址,這個就是你原生代碼要跟這個地址建立遠端庫的連線,下面會用到的 ,先複製儲存起來。 下面就是使用git命令進行操作了: cd 你的程式碼目錄git initgit

程式碼提交

  寫這篇部落格其實主要算是一個筆記,當然也是為了希望幫助更多使用git的新手   1、首先,你需要在本地安裝git客戶端,此處網上教程較多,不在贅述   2、假設本地專案路徑為: E:\gitWorkspace\spring-fra

在VSCode上新建的專案第一次提交

第一步、node、cnpm、vue-cli的安裝可以參考windows下Vue環境搭建 第二步、專案成功跑起來之後,我們將程式碼提交到碼雲:     ①開啟vscode,檔案->開啟資料夾,選擇我們第一步建立好的專案(第一步中的first-project專案)

簡易將現有專案提交(gitee)

簡易將現有專案提交到碼雲(gitee) 想了解更多關於碼雲,請參考碼雲幫助文件:http://git.mydoc.io/ 一、建立碼雲賬號 以及git安裝 1.碼雲賬號讀者請自行建立,參考教程:http://git.mydoc.io/?t=179267 2.git軟體讀者請

GitHub如何更新fork後的程式碼

碼雲、GitHub上有個很方便的功能叫fork,將別人的工程一鍵複製到自己賬號下。這個功能很方便,但有點不足的是,當源專案更新後,你fork的分支並不會一起更新,需要自己手動去更新(並且因為要保留自己修改後的程式碼,更不可使用強制更新的方法)。 命令列方法 1、在本地裝好Git客戶端,或者G

將本地專案上傳

1、碼雲上新建一個專案 XXXX(專案名) 2、本地建立一個專案資料夾,然後使用git bash(通過專案根目錄右擊或切換目錄轉至)     3、使用 git init 命令   //初始化一個git 本地倉庫此時會在本地建立一個 .git 的資料夾 4、使用git remote add origin

本地專案提交

1、下載Git Bash 2、執行Git Bash 預設安裝即可,省略… 3、生成公鑰 找到本地專案,點選右鍵->開啟Git Bash Here,輸入命令列:ssh-keygen -t rsa -C 郵箱地址,如圖3-1所示, 圖3-1 4、

Eclipse中的專案通過EGit上傳到程式碼託管工具

前言:EGit就是Eclipse中整合Git工具的外掛,目前的Eclipse版本都集成了該外掛。 一、右鍵工程 --> Team --> Share Project...  二、顯示如下對話方塊,勾選User or create repository... 三、對話方塊變為

使用jenkins自動化部署docke映象node專案(jenkinsdockernodegit)

簡介 最近使用docker部署專案,當代碼有更新後,我的操作流程大致是: 1.提交程式碼 ——>2.copy程式碼到伺服器—–>3.停止、刪除docker專案容器—–> 4.刪除docker專案映象—->5.啟動專案映象、啟動容器

eclipse中git外掛的使用(專案提交

eclipse上建立專案testgit,並同步到本地git倉庫,專案右鍵team–shareProject,如圖: respository:本地倉庫地址 點選finish完成本地倉庫建立,接下來將專案提交到本地倉庫:

如何將本地開發的專案提交

1、本地安裝git環境 下載安裝包安裝即可 2、初始化git專案,生成 .git 配置目錄 進入專案根目錄,右鍵 git bash here開啟控制檯 ,輸入git init即可完成 3、將專案加入本地git倉庫 git add . (此處add後面有空格 和點號)

將本地已有的專案上傳,分支的建立刪除

1.在專案路徑下建立一個倉庫 git init2.git remote add origin 遠端倉庫地址 :將本地的倉庫和遠端倉庫關聯3.git st4.git add .5.git ca '註釋'6.git ps分支git branch -a  (檢視所有分支)git b

Android Studio專案用Git上傳(OSChina)

轉載:https://www.cnblogs.com/qq714081644/p/6519753.htmlhttps://www.jianshu.com/p/b842939836fe工具:Git安裝(官網下載,預設安裝即可)。步驟一:新建一個Android Studio專案;

建立Jenkins構建觸發器,程式碼提交gitLab即自動觸發構建

  下載所需外掛,系統設定--》外掛管理,搜尋以下兩個外掛,選擇安裝 登入gitLab,生成一個Personal Access Tokens    進入Jenkins,新增api token,路徑:首頁--》憑據--》新增憑據 新增後再次開啟,如圖所

Jenkins+Vue+SVN實現程式碼提交後自動構建自動部署釋出

因為處於開發階段,程式碼更新比較頻繁,老闆時不時要改個東西,改完後還需要釋出 更新 提交 npm i npm run build… 一系列操作下來是賊煩人啊 就去網上搜了下jenkins和vue的相關資料,然後整理了下,以後程式碼更新後就可以自動打包釋出了,解放

一個 Yii + vue 專案(3) 解決跨域資料庫配置

ok,有了基礎的環境,就可以寫功能了,首先要實現的功能就是 登陸驗證,這個時候我們還需要建一個數據庫,我在本地建了個數據庫,添加了一個簡單的表 user: user 表的 name 欄位是用來儲存使用者的名字的,而 username 和 password 則是對應的賬號密碼,考慮到

vue專案效能優化(路由懶載入gzip加速cdn加速)

前端工程效能優化一說意義深遠悠長,本章主要介紹除了一些基礎優化外如何實行路由懶載入、Gzip加速、CDN加速,讓網頁飛的快一些。 基礎優化 老生常談的一些: 不要在模板中寫複雜的表示式 慎用watch尤其是deep 合理的使用v-if/v-show/v-for 善用keep-alive

Git將本地的倉庫上傳

需要條件: 1)碼雲上面有和本地名字相同的倉庫 2)碼雲上面的倉庫的資料夾內為空 1.建立一個倉庫 $ mkdir learngit $ cd learngit 2.初始化一個Git倉庫,使用git init命令。會生成一個.git檔案,加入版本控制 $ git init

Vue專案中生成二維

本來是由後臺生成二維碼的,但是測試後不是很穩定,由於網路問題有時候會載入不過來。。。 之後就發現vue的兩個外掛:vue-qart和vue-qr。對比之後發現,vue-qr的配置更全一些,所以選擇了vue-qr vue-qart: 1、npm install vue-qart&nbs