Python+VSCode是我的心头爱,飞一般的Coding体验!

大家好

我是coco小锦鲤今天给大家介绍一个轻量级的神器就像你写文章时会用word提Bug要用缺陷管理平台
修图用PhotoShop写代码也需要一款好的编辑器今天给大家介绍VSCode编辑神器为什么是VSCode呢?因为VSCode更轻量,界面更美观又有一堆自定义的快捷键用得会很顺手PyCharm较占内存要自己重新设置一遍快捷键特别是npm install 之后,电脑都能卡死包括代码字体颜色什么的,好麻烦Python+VSCode是我的心头爱,飞一般的Coding体验!好在pycharm上有的功能VSCode上基本也满足需求以后说不定对Python支持越来越多不是专业开发Python推荐用VS而且它和PyCharm根本不是相互冲突的大可以两个都安装Python+VSCode是我的心头爱,飞一般的Coding体验!

Visual Studio Code作为微软官方推出的一款实用的代码编辑器,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。


以下介绍VSCode的安装、基本使用、基本设置以及VSCode下用git管理代码。


一键安装下载链接:

关注ITester软件测试小栈,后台回复“VScode”即可获得,有图有真相:

Python+VSCode是我的心头爱,飞一般的Coding体验!


一VSCode安装


(1)  安装前,建议先关闭360,金山毒霸等杀毒软件,不然可能会影响顺利安装哟~


(2)  点击coco分享的百度云链接,将安装包保存到自己的电脑,点击下载。

Python+VSCode是我的心头爱,飞一般的Coding体验!

Python+VSCode是我的心头爱,飞一般的Coding体验!错误操作:解压安装软件的时候,直接双击,在解压软件中点击安装。

Python+VSCode是我的心头爱,飞一般的Coding体验!正确操作:右键点击压缩文件,选择解压到当前文件夹,保证安装软件下载到了你的电脑,否则安装后会出现如下的路径问题。


(3) 下载后,双击安装极速版。

Python+VSCode是我的心头爱,飞一般的Coding体验!



(4)  双击安装之后,等待安装,不要做任何操作。(如果安装不成功,那就再次执行一下:回到第三步,重新双击安装包)

Python+VSCode是我的心头爱,飞一般的Coding体验!


如果你看到下面的界面,都是正常的,不用担心哒~

Python+VSCode是我的心头爱,飞一般的Coding体验!


(5)  点击确定就安装成功啦,由于缓存的问题,你第二次打开VSCode就是中文版的啦~

Python+VSCode是我的心头爱,飞一般的Coding体验!



二VSCode使用


(1) 首先在自己电脑新建一个专门写Python代码的文件夹(建议使用英文命名)。

然后打开VScode,在弹出的界面点击“打开文件夹” (或者点击顶端菜单栏的“文件”,再选择“打开文件夹”),选择你创建的文件夹。

Python+VSCode是我的心头爱,飞一般的Coding体验!


(2)打开你刚刚建立的文件夹,新建文件,编写Python代码。每次新建Python文件,点击你文件夹旁边的“新建文件”按钮——输入“文件名.py”,点击回车。

Python+VSCode是我的心头爱,飞一般的Coding体验!


(3)在弹出的新页面,敲入Python代码:print("hello!")  

Python+VSCode是我的心头爱,飞一般的Coding体验!


(4)在代码区右击鼠标,选择“在终端中运行Python文件”。

Python+VSCode是我的心头爱,飞一般的Coding体验!


(5)新版本的VScode也可以直接右击文件名运行。

Python+VSCode是我的心头爱,飞一般的Coding体验!


(6)在弹出的终端窗口,会显示运行结果。

Python+VSCode是我的心头爱,飞一般的Coding体验!


注意:在第一次运行程序的时候,会提示你安装pylint,点击安装即可,若没有弹出可忽略。

Python+VSCode是我的心头爱,飞一般的Coding体验!



三VSCode基本设置



(1)设置主题:文件→首选项→颜色主题。

(2)设置字体大小:文件→首选项→设置,打开了一个setting.json文件,将左边的设置复制到右边进行覆盖生效,所有编辑器的设置都在这里修改。

Python+VSCode是我的心头爱,飞一般的Coding体验!


(3)设置快捷键:

每个人的操作习惯不同,使用的快捷键也不同,在VScode中,我们可以根据自己的习惯来设置自己的快捷键。设置非常简单:文件→首选项→键盘快捷方式。

Python+VSCode是我的心头爱,飞一般的Coding体验!


打开之后,我们便可以搜索要设置快捷键的功能,比如要给切换行注释这个功能添加快捷键。那么可以搜索"注释",找到并双击这个功能选项,进行输入快捷键,最后点击回车确认即可。

Python+VSCode是我的心头爱,飞一般的Coding体验!


以下列举VSCode常用的快捷键。

1. 在当前行中间换行到下一行:ctrl+enter ;
2. 当光标点击到某一行时,默认选中全行,可以直接复制剪切 ;
3. 直接删除某一行:shift+delete;
4. 多行光标选择:alt+鼠标左键 ;
5. 自动生成html结构和meta声明:首先输入“!”,然后按tab键 ;
6. 标签自动补全:tab键 ;
7. 折叠所有代码:ctrl+k、ctrl+0 ;
8. 拆分编辑器:ctrl+\ ;
  查找框右边的3个参数分别为:区分大小写,全字匹配,使用正则 ;
Python+VSCode是我的心头爱,飞一般的Coding体验! 
9. 跳转行号:ctrl+G ;
10. 添加函数注释:在函数上方输入“/**”,然后点击enter ;
Python+VSCode是我的心头爱,飞一般的Coding体验!
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,如图所示。

Python+VSCode是我的心头爱,飞一般的Coding体验!


现在,我们在master分支上提交代码。

Python+VSCode是我的心头爱,飞一般的Coding体验!


第一步,先暂存要提交的文件;

第二步,填下提交日志;

第三步,点击对勾按钮完成提交;

提交好了之后还需要拉取git远程分支的代码才能推送。

Python+VSCode是我的心头爱,飞一般的Coding体验!


第四步,拉取远程代码,解决冲突;

第五步,推送到远程分支上;

然后就没有然后了,提交完成。


好了,今天就到此为止,记得自己动手安装VSCode环境,并熟悉基本操作哟~


上一篇:编程是要coding,而不是看书


下一篇:7.18号 第一次打卡