【编码环境配置】手把手实战配置vscode

朴灿烈づ我的快乐病毒、 2022-09-11 08:11 222阅读 0赞

“工欲善其事，必先利其器”。一个简便的代码编辑器，可以大大提高开发人员的效率。对于python编码，很多人推荐使用pycharm，而我觉得vscode更适合。

对于vscode，知乎上还有“vscode算不算一个IDE (Integrated Development Environment) ”之争。我觉得一个IDE，需要集成代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。而vscode以其丰富的插件生态，完全称得上是一个合格的IDE。

但是，微软官网对其介绍是“a lightweight but powerful source code editor”。对我来说，vscode的确就是一个代码编辑器，因为平时的使用也仅限于coding和debug，运行程序还是习惯使用终端。

### 1、下载vscode并安装 ###

登录vacode的[官网][Link 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_20_color_FFFFFF_t_70_g_se_x_16]  
根据电脑的系统，点击下载即可。

下载完成后，双击运行安装。可以根据自己的磁盘空间，选择下载的路径。需要注意的是勾选将其添加到环境变量中。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16]  
安装后，打开vscode，它的基本功能在左栏，分别是当前打开文件夹的文件结构，使用全局搜索，git管理，调试功能以及插件安装。对于菜单栏，则和其他代码编辑器功能差不多。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 1]  
这样vscode就安装完成了。

### 2、“hello world” ###

vscode支持多种编程语言。点击左上角的file–>New File可创建一个新文件，便可快乐编码了。是时候写一个hello world了。![图片][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 2]  
保存文件时，只需要命名后缀为.py，vscode便能识别文件类型。但因为还没安装python，所以会出现右下角的错误提示，我们点击install即可。

想要运行时，可以直接鼠标右键–>Run Python File in Terminal。但我们还没有安装python解释器，这时候直接运行也会出现提示。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 3]  
参考上一篇配置深度学习环境的文章，我们可以直接导入配置好的conda环境。  
[【深度学习环境配置】手把手实战配置深度学习环境（win10版）][win10]  
![图片][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 4]  
点击左下角的Select Python Interpreter，在弹出来的选项中，选择配置好的conda环境。再运行一次鼠标右键–>Run Python File in Terminal，便可看到输出结果。至此，我们已经对python语言掌握得差不多了，熟练输出hello world。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 5]

### 3、高效开发插件推荐 ###

vscode受到大量开发人员的喜欢，我觉得最核心的就是他的设计简单。将插件生态交给其他开发人员，支持插件拓展，无限添加额外功能。插件的安装非常简单方便。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 6]  
想要安装一个插件，只需要点左栏的插件图标–>输入插件名–>install即可。至于安装什么插件，因人而异。下面推荐几个我的vscode中常用的几个插件。

#### （一）Code Runner ####

安装方法如上图。Code Runner插件可以直接运行对应的代码，支持多种编程语言。可以直接右键运行，也可以使用快捷键Ctrl+Alt+N，还可以点右上角的小三角，选择“Run Code"或者“Run Python File in Terminal”，非常方便。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 7]

#### （二）Tabnine ####

Tabnine是一个非常智能的代码补全插件，我的最爱之一。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 8]

#### （三）One Dark Pro ####

设置暗黑模式，让vscode看起来更加简洁舒适。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 9]

#### （四）Jupyter ####

Jupyter是一种交互式的笔记本，支持边写边运行，非常适合一边打代码一边做笔记。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 10]

#### （五）vscode-icons ####

vscode-icons可以根据文件的类型，显示相应的文件图标，让文件结构看起来更美观。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 11]

#### （六）vscode-pdf ####

vscode-pdf可以直接打开PDF文件，对于及时打开论文比较方便。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 12]

#### （七）XML ####

XML可以支持xml格式的文件，对于计算机视觉领域，许多标注文件都是XML文件，直接在vscode打开查看比较方便。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 13]  
以上，是我vscode中配置的插件。还有非常多方便的插件，需要的时候直接安装即可。

我是一名计算机视觉爱好者、学习者、追随者，欢迎关注我一起学习。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 14]

[Link 1]: https://code.visualstudio.com/
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/37b09fd4ce7248eeadc04781e91ab333.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/cd7aaa6aed744d62993ec59cd02b10ca.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/30ba27c2d9304455b092e3cdc3291052.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/e300bb8e53ae463f9c76d1be404e4ec3.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/b3e29a799a15446bb54aced8bca67352.png
[win10]: https://mp.weixin.qq.com/s/YGBDUahobOjfBaMTQAHh4w
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/301c9c96f2b24961a627a9e5bb6e8f61.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/e7ff05bc182a49e385d9d3515b6b8a49.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/4b1fc08b6c234ee2baef7d302606fdc0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220828/1bb4bd9fafb540e9858bbca45398aff5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220828/e4b2de8068194c32be9a702de7a064fc.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220828/68c8fda3f4224efcba3c766ac7ea514d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 10]: /images/20220828/45bdb1117db840969fafdcb49226555e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 11]: /images/20220828/6f2adc3acbee46c38bdeabb99647b085.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 12]: /images/20220828/257670fe6f4646b18f9e59d15f1b2963.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 13]: /images/20220828/df3963704a4a461ca162083f55b026dc.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAY3blsI_nmb1famFja2tv_size_14_color_FFFFFF_t_70_g_se_x_16 14]: /images/20220828/59fe0b3065294fde9f659ee1da260660.png