vue 構建前端項目並關聯github

這幾天嘗試用node開發一個網站，後端的接口已經初步開發完成，如今開始構建前端的項目，記錄下過程，在學習下吧。
用vue-cli 構建項目，myproject.(構架過程略過)

每次在本地構建項目後和遠程倉庫關聯的時候會發現每次都出現種種問題，這一次我要記錄下，關聯的過程，對本身來講也是一次總結吧
這一次我選擇的是github,（國內如今可使用碼雲，應該比github快，有機會去嘗試一下）；

第一步：打開github

這是用vue構建的項目，安裝依賴後運行正常

在這個項目根目錄下，打開git bash,依次運行
git init //初始化一個倉庫
git add . //點表明添加全部文件
git commit -m '提交項目' //通常到這裏都沒有啥問題
在這裏能夠添加
git status //查看當前分支　
git checkout master //切換到master
git remote add origin 遠程倉庫地址
git push -u origin master //若是你倉庫裏面有readme文件，你須要在這一步以前增長git pull

而後看到，項目已經被推送到遠程了

第二步：將項目關聯到服務器

第三步：代碼開發管理
公司通常會本身搭建git遠程倉庫，咱們公司用的就是gitlab.在沒有管理團隊的時候，是老大讓在哪一個分支拉代碼就拉代碼。如今本身管理一個項目後發現，這個也是很必要的。
如今我管理代碼的方式總結一下，有更好的朋友能夠分享下：
master //生產環境分支 這個分支保持和生產環境一致，通常除了上線，基本不保持不動,做爲備份
develop //開發環境分支 這個分支也保持和生產環境一致，若是線上發現bug，在這個分支上面拉分支修復bug，開發功能也須要從這個分支上面拉取分支
feature //功能文件夾 這個文件下包含功能分支，從develop上面拉取，用來開發比較重大的功能。好比下面三個功能
share //開發分享功能，每一個小夥伴開發該模塊的，須要從這裏拉分支，開發完畢,測試經過後，須要上線則合併到develop分支
video //開發視頻模塊
list //開發列表模塊
lpf/
share //該分支爲開發人員分支，開發功能，小夥伴A,B,C 每次本地開發完畢，測試經過，合併到feature/share 分支,功能開發若是新增成員，則在feature上面拉取分支
bugdevelop //該分支爲開發人員分支，從develop上面拉取，用來修復線上代碼，修復完畢合併到develop,刪除該分支

總結：基本就是這幾個分支
一、初始化通常有分支master,若是多人開發，則拉取develop分支，feature/demo分支
二、假設如今須要成員lpf須要修復已經發布的代碼的bug，則須要從develop上面拉取分支，並命名：lpf/bug1(根據本身的習慣命名)，我通常是要求：名字首字母/分支名稱；開發完畢，測試經過後合併develop,上線，若是沒有問題將代碼合併到master分支
三、假設如今須要開發分享功能，在develop分支上面拉取分支,命名爲feature/share，而後假若有三個成員ABC,開發這個功能，則ABC在feature/share分支上面各拉分支A/share B/share C/share 各自開發，開發完畢提交測試，測試經過後合併到feature/share,
測試feature/share分支，feature/share 測試經過後等待上線，肯定上線後合併到develop分支，沒有問題後刪除feature/share分支，而後同步master分支

一個大體的工做流程就是這樣了。