软件安装

Git bash这是一个软件，而git 只是一个命令，具体解释看下面的git的安装和配置部分

1. git bash 安装前下载谷歌浏览器，能fq，到官网或者百度网盘里下载

百度网盘：

链接: https://pan.baidu.com/s/1nu99KWp 密码: jfdf

2.Git bash 安装好后需要设置夏外观，具体查看下图

最重要的：安装并设置好了之后一定要重启git bash！！！

重启后使用测试

第一种：找到一个目录，单击右键，然后选中git bash here ---即用git bash 打开这个目录。

输入touch demo.sh 回车后看下目录黎是否多了一个文件 start . 打开当前目录查看

或者输入命令行 ls -al

第二种：直接打开git bash ，输入cd ~/Desktop 即可到桌面目录

输入touch demo.sh 回车后看下目录黎是否多了一个文件 start . 打开当前目录查看

或者输入命令行 ls -al

常用命令

创建目录 mkdir my-file
删除目录 rm -r my-file
创建文件 echo “hello” > newfile.txt   或者 touch newfile.txt
删除文件 rm newfile.txt
删除目录  rm -rf my-file
重命名 mv 1 2

补充重点哈：

1. 1. ls /d/demo 查看d盘demo目录里的文件; 而 ls -a 是产看当前目录额文件详细信息如： ls /d/demo -a 是查看d盘demo目录里的文件详细信息
2. cat ~/desktop/test/demo.sh 查看demo.sh文件内容，不是目录里的内容哈。即 cat 文件的绝对路径 是查看并显示文件具体内容
3. cat > 文件名 = touch 文件名 注意很可能要按 ctrl c 退出回到gitbash 编辑框 ，更倾向于用touch 文件名 这一命令来创建文件
4. cat file1 file2 > file3 将文件1、2合并为文件3，但是文件1、2都存在
5. mv 1 2 移动文件或者重命名文件 在文件2不存在的情况下，1重命名为2；2存在时，1被2覆盖，1就消失了；2存在且为一个目录时，1移动到2目录里面 提问，若1和2都是目录？或者1为目录，2为文件呢？待会试下哦
6. touch 更改文件需改时间 touch demo.sh 新建文件，再touch demo.sh 就是修改创建时间

Node.js 安装

1. 到官网下载Node.js 或者百度网盘里下载

百度网盘下载：

链接: https://pan.baidu.com/s/1cMxJcU 密码: xfyj

安装后不要点Node.js 的图标

安装后不要点Node.js 的图标

安装后不要点Node.js 的图标

配置（在git bash里面配置）

打开git bash，依次输入以下命令，按回车

npm config set registry https://registry.npm.taobao.org/
npm config set loglevel http
npm config set progress false

npm 的配置存储在~/.npmrc， 可以随时改哦

使用试下吧

装了Node.js 可以在git bash 里面使用node 和npm这两个命令了

which node
which npm
node -v
npm -v

思考：如何查看node.js和git bash 的版本呢？

Node -v
Git bash -v?

Node小试牛刀

第一种

1. 打开git bash
2. 输入node 回车，进入node.js 运行环境，就可以写js啦
3. 最简单的js 语句，1+2，回车
4. 2*8，回车

第二种

用node 创建js 文件，然后运行

1. 打开gitbash , 调到任意目录位置，如cd ~/desktop 或者cd /d (~这个符号表示根目录）
2. 新建目录 mkdir hi-node
3. 进入目录，cd hi-node
4. 新建一个有内容的js文件 echo "console.log('Hi, Node.js')" > main.js，那么 main.js 就新建成功了
5. 输入 node main.js，回车，node 就会执行这个 main.js 文件，你会看到「Hi, Node.js」字样
6. 完了之后，删除 hi-node 回到当前目录 cd .. 删除： rm -rf hi-node

Git 的安装与配置

不需要安装，Git Bash 内置了 Git 命令，Git Bash 还内置了以下命令：ls
mkdir
cp
mv

等等，大概有几十个命令，Git Bash 其实是一个 Bash，不是 Git。Git Bash 提供了一个虚拟的 Linux 环境，这样我们就不用忍受 Windows 里面垃圾一般的命令行体验了。配置请在命令行运行这五句话！！！一定要运行这五句话，不然 git 就不能用了

前面2行部分改成对应的英文名和邮箱地址，后面3行直接copy

git config --global user.name    #你的英文名字
git config --global user.email   #你的常用邮箱
git config --global push.default simple
git config --global core.quotepath false  #防止文件名变成数字
git config --global core.editor "vim"  # 使用vim编辑提交信息

另外很重要的一点！你自己运行 git 的时候注意一下：git remote add origin 后面的地址，不允许使用 https 开头的地址，
记得点击 SSH
记得点击 SSH（本地仓库和远程仓库链接时的命令）即用 VSCode 将代码推送到 GitHub

VSCode 的安装与配置
安装
从官网下载安装包
安装时把以下选项选中：

使用
1.找个地方新建一个目录（目录名不要中文），假设目录名为 vs-demo
2.右键点击该目录，open with code
3.使用 Ctrl+Shift+E 打开资源管理器，在 vs-demo 目录里新建 HTML 文件，文件名为 index.html
4.在 index.html 依次输入：英文感叹号、<kbd>回车</kbd> 键，即可看到一个完整的 HTML 页面
由于 vscode 时常更新，如果 <kbd>回车</kbd> 键不行，就试试 <kbd>Tab</kbd> 键
这种快捷写法叫做 Emmet，目前所有的前端编辑器都支持 Emmet。换句话说，如果一个编辑器没有默认支持 Emmet，你就可以卸载这款编辑器了（比如 Sublime Text）。配置VSCode 的配置方式就写编辑一个配置文件，打开「文件 - 首选项 - 设置」，对应快捷键为 <kbd>Ctrl</kbd> + <kbd>,</kbd>

左侧为系统默认配置项，右侧为你要覆盖的配置项。把你要修改的项从左边拷贝到右边，然后保存，即可生效。设置字体与字号在右侧文件中添加一行（注意末尾要有英文逗号）"editor.fontSize": 18,
保存，字号就变大了。设置字体也是类似，添加"editor.fontFamily": "Consolas, 'Courier New', monospace",
即可将字体设置为你想要的。这里推荐「10大最适合编程的字体推荐下载」。插件安装VSCode 自带 Emmet、Git 继承和 JS 调试功能（后续会讲到），已经十分完善了，但是还是有一些特殊的需求，这个时候我们就可以安装第三方插件了。由于第三方插件不是微软生产的，所以质量良莠不齐，请注意甄别。安装 open in browser      按 Ctrl + Shift + X 打开扩展面板，然后输入 open in browser，点击第一个结果的「安装」按钮，稍等片刻就安装好了然后你在任意 HTML 文件右键，就可以看到 Open In Default Browser 这个按钮了，点就试试看。Git 操作  【重点来了】 要在 VSCode 里面操作 Git，前提是你已经配置好了 Git，如果你没有配置过，那么就在 Git Bash 里输入以下命令：git config --global user.name     #你的英文名
git config --global user.email    #你的邮箱
git config --global push.default matching
git config --global core.quotepath false
git config --global core.editor "vim"

IDE全称 Integrated Development Environment

命令行

入门：命令行基础1. 命令行是啥

命令行是什么？ 实际上是先有命令行，后有的图形界面。2. 如何学习
首先背单词：
directory 目录、文件夹
file 文件
make 新建
remove 删除
move 移动
copy 复制
list 罗列
link 链接
find 查找
echo 发出回音、重复
touch 触摸
change 改变

接下来我们学习这些单词的缩写缩写创建目录 make directory mkdir
删除 remove rm
移动 / 重命名 move mv
复制 copy cp
罗列 list ls
改变目录 change directory cd

缩写规则就是：删掉元音字幕（A E I O U），保留前 2 到 3 个辅音字母
试试吧
1. cd ~/Desktop 进入桌面
2. mkdir demo-1 创建目录，这时你可以切到桌面，看到 demo-1 目录
3. rm -rf demo-1 删除目录
4. touch 1.txt 创建文件，如果你发现文件后缀不见了，请让该死的Windows 显示文件后缀
5. mv 1.txt 2.txt 这样我们就把 1.txt 移到 2.txt 了，也就是重命名

绝对路径与相对路径的区别 【划重点】以 / 开头的路径就是绝对路径具体到点的，具体区别，在下面用命令行体会。相对路径具体到面哦
常见的自带命令
操作 命令

快捷键
<kbd>↑</kbd> <kbd>↓</kbd> 上一命令 / 下一命令
<kbd>!</kbd><kbd>!</kbd> 上一命令占位符
<kbd>Tab</kbd> 自动补全路径
<kbd>Alt</kbd>+<kbd>.</kbd> 上一命令的最后一个参数
&& 前面的执行成功了，再执行后面的
|| 前面的执行失败了，就执行后面的
; （冒号）前面执行完了，不管成功失败，就执行后面的
> 重定向
| 管道

vim如何退出 vim强制退出（不保存）：狂按 ESC，然后按下 :q! 回车（q是小写哦）

保存后退出：狂按 ESC，然后按下 :wq 回车

配置 GitHub 【重点来啦，接招！】
1. 进入 https://github.com/settings/keys 之前注册过账号的直接登陆
2. 如果页面里已经有一些 key，就点「delete」按钮把这些 key 全删掉。这一步慎重！如果没有，就往下看
3. 点击 New SSH key，你需要输入 Title 和 Key，但是你现在没有 key，往下看 小细节（ 或者在New SSH key 的页面下方点下关于ssh链接）因为把版本或者电脑问题进入网站后的操作有一丢丢的改动哈
4. 打开 Git Bash
5. 复制并运行 rm -rf ~/.ssh/* 把现有的 ssh key 都删掉，这句命令行如果你多打一个空格，可能就要重装系统了，建议复制运行。也可以根据步骤3后面的小细节提示进入generating ssh keyr然后复制rm -rf ~/.ssh/* 这个代码，保险起见，万一重装系统就麻烦了
6. 运行 ssh-keygen -t rsa -b 4096 -C "你的邮箱"，注意填写你的邮箱！
7. 按回车三次
8. 运行 cat ~/.ssh/id_rsa.pub，得到一串东西，完整的复制这串东西或者直接打开start ~/.ssh/id_rsa.pub 文件，然后复制内容 这个文件一般是在C盘user里面
9. 回到上面第 3 步的页面，在 Title 输入「我的第一个 key」
10. 在 Key 里粘贴刚刚你你复制的那串东西
11. 点击 Add SSH key
12. 回到 Git Bash
13. 运行 ssh -T git@github.com，你可能会看到这样的提示：

输入 yes 回车……
然后如果你看到 Permission denied (publickey). 就说明你失败了，请回到第 1 步重来，是的，回到第 1 步重来；如果你看到 Hi xxx! You've successfully authenticated, but GitHub does not provide shell access. 就说明你成功了！

想了解原理就看这篇 文章 后期一定要搜哦了解下运行原理

http://www.ruanyifeng.com/blog/2011/12/ssh_remote_login.html

一台电脑只需要一个 SSH key
一个 SSH key 可以访问你的所有仓库，即使你有 1000000 个仓库，都没问题
如果你新买了电脑，就在新电脑上重新生成一个 SSH key，把这个 key 也上传到 GitHub，它可以和之前的 key 共存在 GitHub 上
如果你把 key 从电脑上删除了，重新生成一个 key 即可，替换之前的 key

配置
请在命令行运行这五句话！！！一定要运行这五句话，不然 git 就不能用了

git config --global user.name #你的英文名字
git config --global user.email #你的常用邮箱
git config --global push.default simple
git config --global core.quotepath false #防止文件名变成数字
git config --global core.editor "vim" # 使用vim编辑提交信息

五句话，依次在命令行中运行（其中前两句要把中文改成对应的内容）。一定要执行这五行！！！
一定要执行这五行！！！
一定要执行这五行！！！使用 git
使用 git 有三种方式1. 只在本地使用
2. 将本地仓库上传到 GitHub
3. 下载 GitHub 上的仓库

1. 只在本地使用
1.1 初始化 git init
1. 创建目录作为我们的项目目录：mkdir git-demo-1
2. 进入目录 cd git-demo-1
3. git init，这句命令会在 git-demo-1 里创建一个 .git 目录
4. ls -la 你就会看到 .git 目录，它就是一个「仓库」，不要进去看，这仓库里面有毒，别进去！
5. 在 git-demo-1 目录里面添加任意文件，假设我们添加了两个文件，分别是 index.html 和 css/style.css
touch index.html
mkdir css
touch css/style.css
6. 运行 git status -sb 可以看到文件前面有 ?? 号

 ## Initial commit on master?? css/?? index.html

这个 ?? 表示 git 一脸懵逼，不知道你要怎么对待这些变动。
7. 使用 git add 将文件添加到「暂存区」
你可以一个一个地 add
git add index.html
git add css/style.css
你也可以一次性 add

git add . 

意思是把当前目录（.表示当前目录）里面的变动都加到「暂存区」
8. 再次运行 git status -sb，可以看到 ?? 变成了 A

 ## Initial commit on masterA  css/style.cssA  index.html

A 的意思就是添加，也就是说你告诉 git，这些文件我要加到仓库里
9. 使用 git commit -m "信息" 将你 add 过的内容「正式提交」到本地仓库（.git就是本地仓库），并添加一些注释信息，方便日后查阅
你可以一个一个地 commit
git commit index.html -m '添加index.html'
git commit css/style.css -m "添加 css/style.css"
你也可以一次性 commit
git commit . -m "添加了几个文件" 注意:m后面要空格，双引号后不要空格
10. 再再次运行 git status -sb，发现没有文件变动了，这是因为文件的变动已经记录在仓库里了。
11. 这时你使用 git log 就可以看到历史上的变动：
12. 以上就是 git add / git commit 的一次完整过程，可以看到，挺复杂的。原则上，错了任何一步，就从头来一遍，做到不会再手抖为止。

1.2 文件变动
如果我想继续改文件，应该怎么做呢？
1. start css/style.css 会使用默认的编辑器打开 css/style.css（macOS 上对应的命令是 open css/style.css）
2. 然后我们在 css/style.css 里写入 body {background: red}，保存退出
3. 运行 git status -sb 发现提示中有一个 M
## master
M css/style.css
这个 M 的意思就是 Modified，表示这个文件被修改了
4. 此时你如果想让改动保存到仓库里，你需要先 git add css/style.css 或者也可以 git add .
注意，由于这个 css/style.css 以前被我们 add 过，你往文章上面看，我们是 add 过 css/style.css 的，所以此处的 git add 操作可以省略，但我建议你使用 git 的前一个月，不要省略 git add。
换句话说，每一次改动，都要经过 git add 和 git commit 两个命令，才能被添加到 .git 本地仓库里。
5. 再次运行 git status -sb 发现 M 有红色变成了绿色，红色和绿色有啥区别呢？别管它们的区别，记住我说的，先 add，再 commit，等你熟练之后再去理解区别。
先形成肌肉记忆，在去形成大脑记忆！
6. 运行 git commit -m "更新 css/style.css"，这个改动就被提交到 .git 本地仓库了。再说一次，不要去 .git 目录里面，那里的东西你一无所知。
7. 再再次运行 git status -sb，会发现没有变更了，这说明所有变动都被本地仓库记录在案了。
这里来透露一下 git status -sb 是什么意思：git status 是用来显示当前的文件状态的，哪个文件变动了，方便你进行 git add 操作。-sb 选项的意思就是，SB都能看懂，哈，这是开玩笑，-s 的意思是显示总结（summary），-b 的意思是显示分支（branch），所以 -sb 的意思是显示总结和分支。

1.3 总结
至此，总结一下用到的命令
1. git init，初始化本地仓库 .git
2. git status -sb，显示当前所有文件的状态
3. git add 文件路径，用来将变动加到暂存区
4. git commit -m "信息"，用来正式提交变动，提交至 .git 仓库
5. 如果有新的变动，我们只需要依次执行 git add xxx 和 git commit -m 'xxx' 两个命令即可。别看本教程废话那么多，其实就这一句有用！先 add 再 commit，行了，你学会 git 了。
6. git log 查看变更历史

2 将本地仓库上传到 GitHub

如何将我们这个 git-demo-1 上传到 GitHub 呢？
在 GitHub 上新建一个空仓库，名称随意，一般可以跟本地目录名一致，也叫做 git-demo-1

按照截图所示，除了仓库名，其他的什么都别改，其他的什么都别改，其他的什么都别改，其他的什么都别改，这样你才能创建一个空仓库
点击创建按钮之后，GitHub 就会把后续的操作全告诉你，如

请点击一下 ssh
请点击一下 ssh
3. 看图，点击 SSH 按钮，点击 SSH 按钮，点击 SSH 按钮，我想你现在肯定不会忘了点击 SSH 按钮了吧~~~~如果不点击这个按钮，你就会使用默认的 HTTPS 地址。但是千万不要使用 HTTPS 地址，因为 HTTPS 地址使用起来特别麻烦，每次都要输入密码，而 SSH 不用输入用户名密码。
由于我们已经有本地仓库了，所以看图，图中下面半部分就是你需要的命令，我们一行一行拷贝过来执行
找到图中的「…or push an existing repository from the command line」这一行，看到

git remote add origin 

要使用 SSH 地址，GitHub 的 SSH 地址是 git@github.com 开头的。再次点击 SSH 按钮，
得到新的命令 git remote add origin git@github.com:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/git-demo-1.git，复制并运行它
复制第二行 git push -u origin master，运行它刷新当前页面，你的仓库就上传到 GitHub 了！

3 直接在 GitHub 创建一个仓库，然后下载到本地
上面两步讲了
在本地创建仓库
将本地仓库上传到 GitHub
这里将第三种用法，那就是直接在 GitHub 创建一个仓库，然后下载到本地。
1. 在GitHub 上新建一个仓库 git-demo-2，这次就不创建空仓库了，而是自带 README 和 Lisence 的仓库，创建截图如下：

请按图中所示，填写一模一样的内容，然后点击创建按钮。
2. 这样一来，这个仓库就会自动拥有三个文件：

3. 好了，现在远程仓库已经创建好了，怎么下载到我们的本地（也就是我们的电脑上）呢？答案是使用 git clone 命令
点击页面中唯一的绿色按钮「clone or download」，会看到一个弹出层

4. 请确保弹出层里的地址是 SSH 地址，也就是 git@github.com 开头的地址，如果不是，就点击 Use SSH 按钮，就点击 Use SSH 按钮，就点击 Use SSH 按钮。然后复制这个地址。
5. 打开 Git Bash，找一个安全的目录，进入该目录，比如 ~/Desktop 桌面目录就很安全：cd ~/Desktop。运行。
6. 运行 git clone 你刚才得到的以git@github.com开头的地址，运行完了你就会发现，桌面上多出一个 git-demo-2 目录。7. 进入这个多出来的目录，重要再重复！
8. 进入这个多出来的目录，重要再重复！
9. 进入这个多出来的目录，重要再重复！
10. 运行 ls -la 你会看到，远程目录的所有文件都在这里出现了，另外你还看到了 .git 本地仓库。这是你就可以添加文件，git add，然后 git commit 了。
三种方式都说完了，它们分别是：
1. 在本地创建仓库
2. 将本地仓库上传到 GitHub
3. 下载 GitHub 上的仓库到本地

目的：能通过 Git 命令使用 GitHub 就行。
我们再回顾一遍已经学到的命令：（这次只多了一个 git clone 命令）
0. git clone git@github.com:xxxx，下载仓库
1. git init，初始化本地仓库 .git
2. git status -sb，显示当前所有文件的状态
3. git add 文件路径，用来将变动加到暂存区
4. git commit -m "信息"，用来正式提交变动，提交至 .git 仓库
5. 如果有新的变动，我们只需要依次执行 git add xxx 和 git commit -m 'xxx' 两个命令即可。别看本教程废话那么多，其实就这一句有用！先 add 再 commit。
6. git log 查看变更历史

如何上传更新
你在本地目录有任何变动，只需按照以下顺序就能上传：1. git add 文件路径
2. git commit -m "信息"
3. git pull （记住哦）
4. git push

下面是例子

1. cd git-demo-1
2. touch index2.html
3. git add index2.html
4. git commit -m "新建 index2.html"
5. git pull
6. git push

然后你去 git-demo-1 的 GitHub 页面，就能看到 index2.html 出现在里面了。是不是很……简……单……呢……git ignore
在项目目录创建 .gitignore 文件就可以指定「哪些文件不上传到远程仓库」，比如
.gitignroe/node_modules/
/.vscode/

这样就可以避免 node_modules/ 和 .vscode/ 目录被上传到 github 了。
记住一句话：永远都不要上传 node_modules 到 github。
如果你想防止自己手贱上传 node_modules 到 github ，可以：1. 在项目根目录 touch .gitignore
2. 在 .gitignore 里添加一行 /node_modules/
3. git add .gitignore; git commit -m 'ignore'

其他
还有一些有用的命令
git remote add origin git@github.com:xxxxxxx.git 将本地仓库与远程仓库关联
git remote set-url origin git@github.com:xxxxx.git 上一步手抖了，可以用这个命令来挽回
git branch 新建分支
git merge 合并分支
git stash 通灵术
git stash pop 反转通灵术
git revert 后悔了
git reset 另一种后悔了
git diff 查看详细变化资源常用 Git 命令清单

http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.htm

读懂 diff - 阮一峰

http://www.ruanyifeng.com/blog/2012/08/how_to_read_diff.html

Git 菜鸟教程

http://www.runoob.com/git/git-install-setup.html

廖雪峰的 Git 教程

https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/0013743256916071d599b3aed534aaab22a0db6c4e07fd0000

使用 GitHub Pages 预览 HTML

注意只能预览 HTML，不能预览 Markdown。
1. 在 GitHub 新建一个仓库 x1
2. 在 x1 里面新建一个 HTML 比如 y1.html，文件内容为「<h1>这是一个HTML</h1>」
注意：新建文件的方法可以是使用 git add git commit git push
也可以是直接在网页上操作，随便你怎么新建文件
3. 点击 Settings（是进入目录里面，点上面的settings）
4. 往下滚动页面
5. 选中 master branch 然后点击 Save
图片

6. 得到一个预览链接，假设预览链接是 https://zzzzzzzzz/

复制预览网址（链接）后面+文件名

7. 访问 https://zzzzzzzzz/y1.html 即可预览 y1.html

8. 新建 y2.html，git add git commit git push，（在本地新建需要添加，在提交再push到远程仓库里），（而网页上直接添加不需要）等一分钟，访问 https://zzzzzzzzz/y2.html 即可预览 y2.html
9. 新建 y3.html，git add git commit git push，等一分钟，访问 https://zzzzzzzzz/y3.html 即可预览 y3.html（同步骤8）

命令行技巧

技巧一：~/.bashrc
~/.bashrc 文件的功能很强大。
自动运行
1. 首先 touch ~/.bashrc 创建一下这个文件
2. start ~/.bashrc 选用编辑器编辑这个文件，内容为 echo 'Hi'
3. 你也可以用命令行编辑文件 echo "echo 'hi'" >> ~/.bashrc
4. 关闭退出 Git Bash，然后打开 Git Bash，是不是看到了 Hi，这说明每次进入 Git Bash，就会优先运行 ~/.bashrc 里面的命令
5. 重新编辑 ~/.bashrc，内容改为 cd ~/Desktop，重启 Git Bash，有没有发现默认就进入桌面目录了？
你可以用 ~/.bashrc 在进入 Git Bash 前执行任何命令，十分方便。alias
1. 在 ~/.bashrc 里新增一行 alias f="echo 'frank is awesome'"，等于号两边不能有空格，你最好一个字都不要错。
2. 运行 source ~/.bashrc，作用是执行 ~/.bashrc
3. 运行 f，就会看到 frank is awesome
4. 也就是说，现在 f 就是 echo 'frank is awesome' 的缩写了，利用这个技巧，我们可以把很多常见的命令缩写一下，比如
alias la='ls -a'
alias ll='ls -l'
alias gst='git status -sb'
alias ga='git add'
alias ga.='git add .'
alias gc='git commit'
alias gc.='git commit .'
保存退出，然后运行 source ~/.bashrc
5.这样一来，你的 Git 操作就会简单很多：
ga 1.txt
ga .
gc 1.txt
gc.
gst