Git的详解与码云

时间:2021-01-26 15:26:17

 

 

1, 下载安装windows版的GIt

     https://git-scm.com/ GIT官网

  Git-2.22.0-64-bit.exe 我使用的版本

 

2,我们新建一个Vue的简单项目,以它为例子介绍说明

  Git的详解与码云

 

3,准备阶段

  3.1 在根目录下创建 README.md 这个里面一般写 对该项目的一些描述信息

  3.2 在根目录下创建 LICENSE 协议文件,具体协议说明可以参考文章    主流开源协议之间有何异同?

  3.3 在项目的根目录创建 .gitignore文件,该文件时 git的忽略文件, 我们大概列举如下文件夹或者扩展名的文件作为忽略

        

node_modules
.idea
.project
.vscode
.git
.class
.svn

 

4, 我们用 VSCode-win32-x64-1.25.1.zip 这个绿色版的VSCode开发工具 开发VUE项目

  4.1 在项目的根目录下,运行 git init 命令初始化项目

       4.2  git status 查看文件状态

       4.3  git add . 把所有文件都添加到git的暂存区
       4.4 git commit -m "init my cms project" 把项目文件添加到本地的git
 
 
5. 码云
   码云官网 

 Git的详解与码云

 注册了账号之后,进入Git软件的 C:\Program Files\Git\usr\bin 目录,运行命令  ssh-keygen -t rsa -C " 你注册码云的邮箱" 

Git的详解与码云

进入目录 C:\Users\Administrator\.ssh ,用文本编辑器打开文件 id_rsa.pub ,拷贝内容到 要添加的公钥输入框中.

打开 码云官网的 设置-->安全设置-->SSH公钥,添加公钥

Git的详解与码云

 

 

Git的详解与码云

Git的详解与码云

 

Git的详解与码云

 git命令里面输入 

git config --global user.name "xintong"
git config --global user.email "yangw1006@163.com"
 
 
VSCode的终端命令上输入: 
D:\yangw\workspace-js\71_VUE_webpack相关\06_webpack-vue-cms-project> git init
Initialized empty Git repository in D:/yangw/workspace-js/71_VUE_webpack相关/06_webpack-vue-cms-project/.git/

D:\yangw\workspace-js\71_VUE_webpack相关\06_webpack-vue-cms-project> git add .
warning: LF will be replaced by CRLF in LICENSE.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package-lock.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in readme.txt.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/lib/mui-3.7.2/css/mui.css.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/lib/mui-3.7.2/css/mui.min.css.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/lib/mui-3.7.2/js/mui.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/lib/mui-3.7.2/js/mui.min.js.
The file will have its original line endings in your working directory

D:\yangw\workspace-js\71_VUE_webpack相关\06_webpack-vue-cms-project> 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: LICENSE
new file: README.md
new file: package-lock.json
new file: package.json
new file: readme.txt
new file: src/App.vue
new file: src/index.html
new file: src/lib/mui-3.7.2/css/mui.css
new file: src/lib/mui-3.7.2/css/mui.min.css
new file: src/lib/mui-3.7.2/fonts/mui.ttf
new file: src/lib/mui-3.7.2/js/mui.js
new file: src/lib/mui-3.7.2/js/mui.min.js
new file: src/main.js
new file: src/router.js
new file: webpack.config.js


D:\yangw\workspace-js\71_VUE_webpack相关\06_webpack-vue-cms-project> git commit -m "init my cms project"
[master (root-commit) 5e84a58] init my cms project
17 files changed, 23429 insertions(+)
create mode 100644 .babelrc
create mode 100644 .gitignore
create mode 100644 LICENSE
create mode 100644 README.md
create mode 100644 package-lock.json
create mode 100644 package.json
create mode 100644 readme.txt
create mode 100644 src/App.vue
create mode 100644 src/index.html
create mode 100644 src/lib/mui-3.7.2/css/mui.css
create mode 100644 src/lib/mui-3.7.2/css/mui.min.css
create mode 100644 src/lib/mui-3.7.2/fonts/mui.ttf
create mode 100644 src/lib/mui-3.7.2/js/mui.js
create mode 100644 src/lib/mui-3.7.2/js/mui.min.js
create mode 100644 src/main.js
create mode 100644 src/router.js
create mode 100644 webpack.config.js

D:\yangw\workspace-js\71_VUE_webpack相关\06_webpack-vue-cms-project> git status
On branch master
nothing to commit, working tree clean

D:\yangw\workspace-js\71_VUE_webpack相关\06_webpack-vue-cms-project> git remote add origin https://gitee.com/xintongkeji/vue-cms-project.git

D:\yangw\workspace-js\71_VUE_webpack相关\06_webpack-vue-cms-project> git push -u origin master
Enumerating objects: 25, done.
Counting objects: 100% (25/25), done.
Delta compression using up to 4 threads
Compressing objects: 100% (23/23), done.
Writing objects: 100% (25/25), 194.37 KiB | 2.59 MiB/s, done.
Total 25 (delta 0), reused 0 (delta 0)
remote: Powered By Gitee.com
To https://gitee.com/xintongkeji/vue-cms-project.git
* [new branch] master -> master
Branch 'master' set up to track remote branch 'master' from 'origin'.
 
 
传统方式(命令行方式)上传修改的文件
git add .
git commit -m "modify readme.md 文件"
git push

VS 也提供了可视化操作, 在侧边栏图标上能看到
输入提交信息,点击 √ ,会提交到本地git仓库中
点击更多, 推送 即可将本地git仓库中修改的内容推送到码云服务器上
这个工具是VScode自己本身就提供的
 
 
Git的详解与码云

 

 刷新我的码云

Git的详解与码云