Git下载、安装与环境配置&& vue调试工具vue-devtools安装及使用

Git下载、安装与环境配置&&
vue调试工具vue-devtools安装及使用

Git下载、安装与环境配置

1.百度git官网，下载链接，根据自己电脑系统下载相应的安装包，

2.下载最新版本，点击红框或篮筐处即可
点击下载好的安装包安装这个软件

3.一直点击next，直到出现install，点击install，安装完成后点击finish
4.安装好后在桌面界面点击鼠标右键，会出现如下界面

5.检查git是否安装OK
键盘Ctrl+r，然后在弹出框中出入cmd，弹出如下界面，输入git，回车

二、环境配置
1.git安装好去GitHub上注册一个账号，（这一步很重要！一定要注册成功）注册好后，点击桌面上的Git Bash快捷图标，我们要用账号进行环境配置

# 配置用户名
git config --global user.name "username"    //（ "username"是自己的账户名，）
# 配置邮箱
git config --global user.email "username@email.com"     //("username@email.com"注册账号时用的邮箱)

2.以上命令执行结束后，可用 git config --global --list 命令查看配置是否OK
生成ssh
3.继续刚才的操作，在命令框中输入以下命令，

ssh-keygen -t rsa

然后连敲三次回车键，结束后去系统盘目录下（一般在 C:\Users\你的用户名.ssh）(mac: /Users/用户/.ssh）查看是否有。ssh文件夹生成，此文件夹中以下两个文件，结果如下：

4. 将ssh文件夹中的公钥（ id_rsa.pub）添加到GitHub管理平台中，在GitHub的个人账户的设置中找到如下界面
   
   title随便起一个，将公钥（ id_rsa.pub）文件中内容复制粘贴到key中（这个时候可以看出Notepad++的重要性了），然后点击Ass SSH key就好啦
   

5. 测试一下配置是否成功，在Git Bush命令框（就是刚才配置账号和邮箱的命令框）中继续输入以下命令，回车

ssh -T git@github.com

vue调试工具vue-devtools安装及使用

安装:

1.到github下载：

git clone https://github.com/vuejs/vue-devtools

2.在vue-devtools目录下安装依赖包（可以在该目录下直接打开cmd）

cnpm install

3.修改manifest.json文件


4.编译代码

npm run build

5.扩展Chrome插件

Chrome浏览器 > 更多工具 > 拓展程序 >开发者模式

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

如果出现spawn webpack ENOENT解决方法
https://blog.csdn.net/qq_37682202/article/details/105060777
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
https://blog.csdn.net/yizufengdou/article/details/103985709

6. vue-devtools使用

vue项目, 打开f12, 选择vue就可以使用了.

vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试

参考链接：
https://www.cnblogs.com/bsblogs/p/8066341.html
https://blog.csdn.net/huangqqdy/article/details/83032408