創建vue項目併發布到github

1 安裝node.js

安裝node,自帶npm,以下檢查是否安裝成功:

 

提示node版本,node安裝成功

 

提示npm版本,npm安裝成功

 

2 安裝vue:

npm install -g @vue/cli 

-g 表示全局安裝會安裝到node安裝目錄下

 

3 創建vue項目

在新文件夾下創建項目vue create my-project

 

4.選擇配置,看個人項目需求
注意,空格鍵是選中與取消,A鍵是全選
TypeScript 支持使用 TypeScript 書寫源碼
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 預處理器。
Linter / Formatter 支持代碼風格檢查和格式化。
Unit Testing 支持單元測試。
E2E Testing 支持 E2E 測試。

5 .裝好後,啓動
cd my-project // 進入到項目根目錄
npm run serve // 啓動項目

 

6 安裝git

git安裝好後,右鍵會出現 git UI here 和 git Bash here

 

7 到創建項目的目錄下,右鍵選擇git bash here

vue中自帶git,並創建了主分支master,打開後會顯示並進入master分支

 

8 創建遠程倉庫, 註冊github賬號

點擊右上角加號,選擇 new repository

 

  設置項目名稱,點擊create respository

 

9 添加遠程倉庫,並提交到遠程倉庫master分支

#查看遠程倉庫

git remote

# 添加遠程倉庫,並命名爲origin,後面是url,這裏採用ssh方式(見創建ssh)

git remote add origin [email protected]:carlos122129/mmiao.git

 

# 將本地代碼提交到遠程倉庫master分支

git push origin master

 

# 如果有新的完善代碼,可以合併到master分支(項目經理或技術負責人權利)

git merge xxx

 

ssh連接方式,該方式可以不用每次填寫用戶名密碼。url從創建的項目中查找,如下圖:

 

遇到的問題及解決辦法:

 

git remote 用法


git remote add origin <url>  添加遠程倉庫

git remote remove <name>         刪除遠程倉庫

git remote set-url origin <newurl>   更新遠程倉庫的 url

 

10 創建dev分支,將代碼提交到遠程倉庫中的dev分支

 

git checkout -b dev

git push origin dev

 

 

附: 分支切換命令:

git branch xxx 創建分支 xxx爲分支名

git checkout xxx 切換分支 

git checkout -b xxx 創建並切換分支

git branch 查看當前分支

git push xxx1 xxx2 推送到遠程分支

git merge xxx 將xxx合併到當前分支

 

11 github上查看是否創建了分支

 

 

12 創建某一功能的開發分支,併合併到開發分支

 

# 創建並切換到功能分支createComponents

git checkout -b createComponents

# 將當前所有代碼提交到暫存區

git add .

# 提交所有代碼到本地倉庫,並添加註釋

git commit -m “create components”

# 切換到開發分支

git checkout dev

# 合併功能分支到開發分支(組長權利)

git merge createComponents

# 刪除功能分支createComponents

git branch -d createComponents

 

 

 

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