Vue筆記整理,10.項目-把本地項目託管到碼雲中

 

在公司都是團隊開發,下面我們來介紹下git代碼管理工具

首先,我們需要創建幾個文件

 

1、.gitignore 項目忽略文件

我們在項目中像 node_modules 這些文件沒必要上傳到,我們的源代碼倉庫當中

node_modules 項目依賴文件,體積比較大

.idea 它是一個文件夾,裏面放了你自己webstorm工具相關的配置,如快捷鍵等,每個人都不一樣

.vscode 這個類似.idea,它是VScode工具相關的配置

.git 存了一些版本信息,也沒必要上傳

.DS_Store  mac系統自帶文件

 

2、README.md 項目描述文件

 

3、有關開源協議

可參照 mui-master中 LICENSE 文件,把它拷貝到項目裏面。

打開 LICENSE 文件協議,我們可以看到它使用的 MIT 協議,

能不能夠:免費使用、分發、二次開發等,可參考如下鏈接:

[主流開源協議之間有何異同?] (https://www.zhihu.com/question/19568896)

 

4、有關 git 命令

git init 
在項目中初始化git,執行此命令後,
會在項目目錄下生成一個 .git 的隱藏文件夾

$ git status
On branch master
 
No commits yet
 
Untracked files:
  (use "git add <file>..." to include in what will be committed)
 
        .babelrc
        dist/
        node_modules/
        package.json
        src/
        webpack.config.js
        "\345\205\210\350\277\220\350\241\214 npm install \345\256\211\350\243\205\344\276\235\350\265\226\345\214\205.txt"
 
nothing added to commit but untracked files present (use "git add" to track)

展示所有文件的狀態。標紅的,都是未提交的文件。

Untracked files 即沒有被跟蹤的文件。那麼我們把它添加到跟蹤文件

$ git add .
git add . 會把本地所有untrack的文件都加入暫存區,並且會根據.gitignore做過濾。
 

 

我們再來看一下文件狀態,都變爲 new file 了,還沒有被提交

$ git status
On branch master
 
No commits yet
 
Changes to be committed:
  (use "git rm --cached <file>..." to unstage)
 
        new file:   .babelrc
        new file:   .gitignore
        new file:   dist/bundle.js
        new file:   package.json
        new file:   src/App.vue
        new file:   src/index.html
        new file:   src/lib/mui/css/mui.css
        new file:   src/lib/mui/css/mui.min.css
        new file:   src/lib/mui/fonts/mui.ttf
        new file:   src/lib/mui/js/mui.js
        new file:   src/lib/mui/js/mui.min.js
        new file:   src/main.js
        new file:   src/router.js
        new file:   webpack.config.js
        new file:   "\345\205\210\350\277\220\350\241\214 npm install \345\256\211\350\243\205\344\276\235\350\265\226\345\214\205.txt"
 

 

然後我們進行提交

$ git commit -m "init my project"
[master (root-commit) 2d66597] init my project
16 files changed, 14189 insertions(+)
create mode 100755 .babelrc
create mode 100644 .gitignore
create mode 100755 dist/bundle.js
create mode 100755 package.json
create mode 100755 src/App.vue
create mode 100755 src/index.html
create mode 100755 src/lib/mui/css/mui.css
create mode 100755 src/lib/mui/css/mui.min.css
create mode 100755 src/lib/mui/fonts/mui.ttf
create mode 100755 src/lib/mui/js/mui.js
create mode 100755 src/lib/mui/js/mui.min.js
create mode 100755 src/main.js
create mode 100755 src/router.js
create mode 100755 webpack.config.js
create mode 100755 "\345\205\210\350\277\220\350\241\214 npm install \345\256\211\350\243\205\344\276\235\350\265\226\345\214\205.txt"
 

 

提交成功以後,我們再來看一下狀態

$ git status
On branch master
nothing to commit, working tree clean
 

意思:當前在 master 主分支上,沒有任何修改可提交,工作目錄是乾淨的。

此時,我們只是把項目提交到本地的 .git 裏面去了

它沒有跟遠端的倉庫作任何關聯,如果要把它上傳到遠端倉庫,

我們可以選擇:github 或 gitee(碼雲),它們區別不大

github:服務器在國外,相對較多牛逼的開源項目,速度相對較慢

https://github.com/

gitee(碼雲):服務器在國內,開源項目相對較少,上傳下載速度相對比較快

https://gitee.com 

 

下面我們來演示關聯 gitee平臺來上傳下載代碼

把公鑰放到gitee上面,詳細可參考:原創 git實戰筆記系列:生成 ssh 公鑰,查看獲取放到github或gitee上

點擊加號,新建倉庫

 

 

如我寫的倉庫名稱:vue-cms-yyh

 

出現如下類似界面,就說明創建倉庫成功了

 

 

更新中。。。

 

 

 

 

 

 

 

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