——————·今天距2020年78天·——————
这是ITester软件测试小栈第58次推文
大家好
我是coco小锦鲤
今天给大家介绍一个轻量级的神器
就像你写文章时会用word
提Bug要用缺陷管理平台
修图用PhotoShop
写代码也需要一款好的编辑器
今天给大家介绍VSCode编辑神器
为什么是VSCode呢？
因为VSCode更轻量，界面更美观
又有一堆自定义的快捷键用得会很顺手
PyCharm较占内存
要自己重新设置一遍快捷键
特别是npm install 之后，电脑都能卡死
包括代码字体颜色什么的，好麻烦
好在pycharm上有的功能
VSCode上基本也满足需求
以后说不定对Python支持越来越多
不是专业开发Python推荐用VS
而且它和PyCharm根本不是相互冲突的
大可以两个都安装
Visual Studio Code作为微软官方推出的一款实用的代码编辑器，对JavaScript和NodeJS的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、Emmet插件等，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。
以下介绍VSCode的安装、基本使用、基本设置以及VSCode下用git管理代码。
一键安装下载链接：
关注ITester软件测试小栈，后台回复“VScode”即可获得，有图有真相：
一
VSCode安装
(1) 安装前，建议先关闭360，金山毒霸等杀毒软件，不然可能会影响顺利安装哟~
(2) 点击coco分享的百度云链接，将安装包保存到自己的电脑，点击下载。
错误操作：解压安装软件的时候，直接双击,在解压软件中点击安装。
正确操作：右键点击压缩文件，选择解压到当前文件夹，保证安装软件下载到了你的电脑，否则安装后会出现如下的路径问题。
(3) 下载后，双击安装极速版。
(4) 双击安装之后，等待安装，不要做任何操作。（如果安装不成功，那就再次执行一下：回到第三步，重新双击安装包）
如果你看到下面的界面，都是正常的，不用担心哒~
(5) 点击确定就安装成功啦，由于缓存的问题，你第二次打开VSCode就是中文版的啦~
二
VSCode使用
（1） 首先在自己电脑新建一个专门写Python代码的文件夹（建议使用英文命名）。
然后打开VScode，在弹出的界面点击“打开文件夹” （或者点击顶端菜单栏的“文件”，再选择“打开文件夹”），选择你创建的文件夹。
（2）打开你刚刚建立的文件夹，新建文件，编写Python代码。每次新建Python文件，点击你文件夹旁边的“新建文件”按钮——输入“文件名.py”，点击回车。
（3）在弹出的新页面，敲入Python代码：print("hello!")
（4）在代码区右击鼠标，选择“在终端中运行Python文件”。
（5）新版本的VScode也可以直接右击文件名运行。
（6）在弹出的终端窗口，会显示运行结果。
注意：在第一次运行程序的时候，会提示你安装pylint，点击安装即可，若没有弹出可忽略。
三
VSCode基本设置
（1）设置主题：文件→首选项→颜色主题。
（2）设置字体大小：文件→首选项→设置，打开了一个setting.json文件，将左边的设置复制到右边进行覆盖生效，所有编辑器的设置都在这里修改。
（3）设置快捷键：
每个人的操作习惯不同，使用的快捷键也不同，在VScode中，我们可以根据自己的习惯来设置自己的快捷键。设置非常简单：文件→首选项→键盘快捷方式。
打开之后，我们便可以搜索要设置快捷键的功能，比如要给切换行注释这个功能添加快捷键。那么可以搜索"注释"，找到并双击这个功能选项，进行输入快捷键，最后点击回车确认即可。
以下列举VSCode常用的快捷键。
1. 在当前行中间换行到下一行：ctrl+enter ；
2. 当光标点击到某一行时，默认选中全行，可以直接复制剪切 ；
3. 直接删除某一行：shift+delete；
4. 多行光标选择：alt+鼠标左键 ；
5. 自动生成html结构和meta声明：首先输入“!”，然后按tab键 ；
6. 标签自动补全：tab键 ；
7. 折叠所有代码：ctrl+k、ctrl+0 ；
8. 拆分编辑器：ctrl+ ；
查找框右边的3个参数分别为：区分大小写，全字匹配，使用正则 ；
9. 跳转行号：ctrl+G ；
10. 添加函数注释：在函数上方输入“/**”，然后点击enter ；
11. 格式化：alt+shift+f ；
12. 注释：ctrl+/ ；
13. 全部保存：ctrl+k, 然后只按s一个键 ；
14. 向上移动一行：alt+↑ ；
15. 向下移动一行：alt+↓ ；
16. 向上复制一行：alt+shift+↑ ；
17. 向下复制一行：alt+shift+↓ ；
18. 查找：ctrl+F ；
19. 替换：ctrl+H ；
20. 文件中查找：ctrl+shift+f ；
可以在打开的文件夹中搜索所有文件内容
21. 文件中替换：ctrl+shift+h ；
22. 转到定义：F12 ；
23. 转到实现：ctrl+F12 ；
24. 打开文件夹：ctrl+o ；
25. 关闭文件夹：ctrl+k, 然后单按一个f；
26. 选中一段代码，通过“ctrl+[”可以左移，“ctrl+]”可以右移；
四
VSCode下用git管理代码
git是现在很常见的代码管理工具，VSCode 也有内置的git插件，当然，要是你觉得不完美，可以安装一些常用的git插件等，简单介绍下VSCode 下git的提交步骤。
以GitHub上面新建的一个仓库为例，仓库新建后默认分支是master，在GitHub上新建了2个远程分支develop01和develop02，当你在VSCode中点击切换到某一个远程分支的时候，VSCode会自动给你创建一个和当前远程分支对应的本地分支，如origin/develop02 对应develop02，如origin/master 对应master,如图所示。
现在，我们在master分支上提交代码。
第一步，先暂存要提交的文件；
第二步，填下提交日志；
第三步，点击对勾按钮完成提交；
提交好了之后还需要拉取git远程分支的代码才能推送。
第四步，拉取远程代码，解决冲突；
第五步，推送到远程分支上；
然后就没有然后了，提交完成。
好了，今天就到此为止，记得自己动手安装VSCode环境，并熟悉基本操作哟~
以上
That‘s all
你装好了吗？
ITester软件测试小栈
往期内容宠幸
打开PyCharm永久激活的这两个锦囊，再也不用担心写代码的时候让我付费了！
QQ空间面试题放送，速度教科书式扑街补救offer！
金九银十加薪季，测试题预热一波。
Selenium自动化测试-1.selenium介绍及环境安装
Selenium自动化测试-2.浏览器基本操作
快来星标 置顶 关注我
想要获取相关资料和软件 ？
Q群：701841415