开发环境搭建之Visual Studio Code篇
上一节讲了Python环境的安装和开发环境的安装,本节再重点讲下
Visual Studio Code的配置。
-
安装
请看我上一篇文章《python3从零学习-开发环境搭建》。
-
配置
打开vscode(Visual Studio Code简称),功能介绍:
![](https://i-blog.csdnimg.cn/blog_migrate/5bb3a8686edbfa072a7455559b66b707.png)
1、菜单栏:Code、文件、编辑、选项、显示、达到、运行、终端、窗口、帮助
1.1、Code
![](https://i-blog.csdnimg.cn/blog_migrate/600f03d4f57221ef8afab95132492f49.png)
主要是配置功能:Preferences:
![](https://i-blog.csdnimg.cn/blog_migrate/a8014947e86366ab0c82ca2e295e2c76.png)
点击Settings:
![](https://i-blog.csdnimg.cn/blog_migrate/8d2acf3ca7746d35ab4f952e89026809.png)
切换成文件方式:
![](https://i-blog.csdnimg.cn/blog_migrate/b56c9b266aa15ef20331a8437fedffe0.png)
在这个文件中可以手动来配置各种参数
1.2、文件
![](https://i-blog.csdnimg.cn/blog_migrate/55aa67c10155ba8ed010fdfbc4615e67.png)
主要是新建文件和工作空间,工作空间可以理解为同一个项目的项目空间,同一个项目的文件和资源都放在同一个文件夹内,这个工作空间就是以文件夹来划分的,会在文件夹下产生后缀是.code-workspace的文件,就是这个文件来控制整个工作空间配置。
1.3、调试
![](https://i-blog.csdnimg.cn/blog_migrate/2a3b7fecb73ba344826d0b3a08164eb1.png)
程序可以通过这个菜单来“运行”、“调试”。“运行”就是运行编写的代码,让它跑起来。“调试”就是Debugging,Debugging的过程就是一个解剖程序运行的过程,可以让程序慢下来、停下来,让我们有机会、有时间观察程序内部运行的状态,比如程序内部的参数值,程序执行的顺序和路径,都可以通过Debugging来庖丁解牛一样来分析程序内部运行的状态。
“Start Debugging F5”:开始调试,F5是快捷键。
“Run Without Debugging ⏫F5”:开始运行,⏫F5这个是快捷键。
这两个区分是开始调试是可以跟踪程序内部运行状态,可以打断程序运行来观察内部的参数值或者观察运行的路径。开始运行就是直接运行程序,没有中间打断的过程。
2、活动栏:文件(Explorer)、搜索(Search)、源码管理(Source Control)、调试(Run)、插件(Extensions)
上述中文名称是我自己总结的,英文名称是上面的原文。比如这个Extensions是扩展的意思,但是我认为叫插件更贴切,这个功能就是安装扩展程序实现原软件不支持的功能,所以我叫这个为插件。正是因为这个插件功能无比强大,才使这个工具变得强大。任何第三方个人和组织都可以编写插件用来实现特定的功能。
2.1、文件(Explorer):文件管理器、资源管理器
![](https://i-blog.csdnimg.cn/blog_migrate/1b0fc9c4115d14e3f7bda4edb08aa8d9.png)
左侧活动栏第一个就是Explorer,我把它命名成文件,因为这里主要管理的是文件。当然除了管理文件外,这里也可以管理文件夹。文件有很多种类型,有源代码文件、配置文件、图片、压缩包等等,但是主要以源代码文件为主,python程序里面主要是后缀是py结尾的文件,我截图里面的ideTest.py就是一个源代码文件。
文件(Explorer)这里可以分几个区域:
a、文件(资源)管理区域:主要管理文件等资源,主要是有目录结构的形式来管理文件,这个跟电脑里面的目录是一致的。“OPEN EDITORS”:这个是已打开文件列表,已经打开的文件会出现在这里。“WORKSPACE”:这个就是文件管理目录,主要是资源管理有可以在这个地方完成,旁边有三个按钮,分别是“新建文件”、“新建文件夹”、“刷新”。
b、代码(资源)编辑区域:这个主要是代码编写区域,在左侧文件列表中选中单击一个文件,就会在这里显示文件的内容。如上图我选中了“ideTest.py”文件,就出现了如图内容,因为是个空文件所以里面没有东西。你可以在这里编写代码。
C、输出区域:问题(problems)、输出(output)、调试(debug console)、终端(terminal)这四部分都是输出栏,对应各种类型的输出都在这里。
2.2、搜索(Search):搜索制定内容
![](https://i-blog.csdnimg.cn/blog_migrate/6da29d56f8eab05e787b4f1a31441a9c.png)
2.3、源码管理(Source Control):文件内容变动会这里体现
![](https://i-blog.csdnimg.cn/blog_migrate/0a38e49efd2009a38750a029f7b93c2c.png)
ideTest.py文件原来是空的,我加了import os后,显示的就是前后修改前的两部分内容,这样可以清楚的知道修改了什么内容,对变动的部分做了标记,这个功能对应回溯代码修改和程序复盘都有用处。
2.4、调试(Run):Debug和Run,主要就是运行代码和调试代码。
![](https://i-blog.csdnimg.cn/blog_migrate/43517cefb9148e7dc38e33a65d3bd68c.png)
点击后:
![](https://i-blog.csdnimg.cn/blog_migrate/025fd498baa9bb5c1e95fed36b78baf7.png)
2.5、插件(Extensions):插件扩展,这里可以搜索需要的插件并安装。
![](https://i-blog.csdnimg.cn/blog_migrate/06b5131dfcb9889bdc1a96804cc99a30.png)
我们这样需要比如中文插件,可以搜索“chinese”:
![](https://i-blog.csdnimg.cn/blog_migrate/14b93f80089efc51456aa1d8590a5bcc.png)
搜索得到的就是上述的搜索结果,第一个是中文简体、第二个是中文繁体,我们可以点击右侧的“Install”安装这个插件,我这边安装个中文简体看看,安装完右下方会有如下的提示:
![](https://i-blog.csdnimg.cn/blog_migrate/25a009e11f16dae2dcf7cd988cadf4fd.png)
需要重启启动才会生效,我们点击“Restart Now”看下:
![](https://i-blog.csdnimg.cn/blog_migrate/2250d3d8d4c7ce8b061b6f3d5bb1239a.png)
发现重启后变成了中文界面,这个插件真是好东西,后面还有继续介绍其他插件,这个地方会经常用到。记住只要搜索你想要的插件,然后安装它就好了,至于什么关键字搜索,可以以功能关键字搜索,或者网上查下。
如果想卸载,那么就安装如下图操作:
![](https://i-blog.csdnimg.cn/blog_migrate/22d1153ed72b0feb3fdc154f97c2eae1.png)
因为我喜欢用英文版本,所以我把中文包给卸掉,以后的文章里面都是英文界面,这个熟悉了后就没什么影响。
总结:如果是小白用户,那么先变成中文界面,这样能容易入门。要熟悉还是得多操作,书山有路勤为径,熟能生巧。
欢迎大家关注我,然后跟我交流沟通。