学习系统编程No.17【vscode实战】

简介: 学习系统编程No.17【vscode实战】

引言:

北京时间:2023/4/11/7:25,昨天11点洗澡,洗完直接睡,导致现在头发愈发不能看,So,平头时刻将要来临,头发太长真的很不方便,昨天已经更文啦!这个星期一定要实现日更,因为我发现,不日更,或者说更文不积极,根本上不了热榜,所以今天又有新文章和大家见面哦!今天我们就来学习一下vscode的使用和基础环境的配置吧!


image.png


vscode安装

国内镜像源下载地址:https://vscode.cdn.azure.cn/stable/7db1a2b88f7557e0a43fec75b6ba7e50b3e9f77e/VSCodeUserSetup-x64-1.63.0.exe

该地址下载的是Windows下64位,如果想要下载别的版本的,可以参考该链接:vscode各种版本下载


vscode使用

当我们安装好之后,点击vscode的快捷方式,启动vscode,此时可以看到的是一个选择主题等的界面,选完之后,我们就可以看到如下图所示界面


72.png


此时可以看出,使用vscode的方式有很多,可以新建一个文件,也可以打开一个已经建好的文件,也可以打开一个目录,如下图,就是打开一个目录所示图:

73.png


可以看出,此时该目录下,已经有被新建了一个test.cpp文件,所以我们是可以直接打开一个目录,然后直接在目录下创建文件,编写代码,但是我相信如果只是可以编写代码肯定是不行的,主要是还要有语法提示和调式代码的功能,所以具体如何使用这些功能,如下所述:


vscode本地环境配置

首先,明白,我们使用vscode的目的只是想要取代vim,实现Linux系统和Windows系统的联合开发而已,所以vscode的本地环境配置,我们并不需要怎么关心,感兴趣的同学,可以参考该链接:vscode本地环境配置


vscode插件安装

什么是vscode上的插件呢?如下图所示:

75.png


这也就是为什么我们要学习vscode编辑器的使用,原因就是vscode是一个支持插件式的编辑器,可以根据我们的需求,下载我们需要的插件,从而完成我们对开发的各种需求,例如,此时我们就可以通过vscode上的插件远程登录我们的云服务器,如下图所示:


vscode远程登录插件

76.png


下载完成之后,如下图,登录我们的云服务器

77.png


这样我们就把云服务器登录到了vscode上了,搭建了一个Linux操作系统和Windows操作系统同时开发的环境此时我们只要把我们云服务器上的目录文件打开之后,我们就可以在该目录文件上进行操作了,例如建立一个新的文件或者文件夹,然后在这个文件中进行代码的编写,如下图所示:

78.png


此时如果有黑点,无法同步到远端的云服务器上,此时我们只要保存一下就行了(Ctrl+S),换言之,也就是我们在vscode,也就是在Windows上编写的代码,并没有存储在Windows系统中,而还是存储在我们自己打开的那个Linux系统目录文件下,本质也就是我们编写的代码一直都是存储在云服务器上,就可以理解为,我们只是借用了vscode这个编辑器,来实现Windows系统和Linux系统的一个简单的配合使用而已(主要是Windows的图形化界面,光标非常好用)


所以此时我们将云服务器登录到了vscode上,在特定的Linux系统文件进行了代码编写,那么此时如何运行起来呢?如下图:使用Ctrl+ ~


79.png


如上,我们就实现了在vscode上利用Linux系统和Windows系统编写代码了,所以我们使用vscode的本质就是,利用vscode编辑器的特性,达成Windows和Linux的联合开发,目的:取代vim这个小黑黑


vscode其它好用插件安装

身为一个apple级英语的小伙,第一个推荐安装的插件就是将英文转为中文,如下图:

80.png


如上图,我的中文插件已经是安装好了,所以部分的英文已经被翻译成了中文,所以这个插件是不可或缺的哦!

搞定了上述的中文件插件,此时第二个插件也是一个非常重要的插件,就是我们的C/C++,如下图所示:


81.png


这个插件的重要性,对于学习C++的我来讲,重要性不言而喻

还有如下这个防止乱码的插件,安装了下图这个插件,当我们要把代码拷贝到Linux系统上,然后使用vscode打开时,此时就不会因为格式或者别的问题,出现乱码了

82.png

vscode上好用的插件还有非常的多,我们就介绍这么多吧!感兴趣的同学可以自己去摸索一下哦!

image.png


总结:vim这个小黑子终于可以告别它一段时间了,vscode我来啦!我会天天呵护你滴!

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
相关文章
|
3月前
|
人工智能 自然语言处理 算法
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
212 0
|
13天前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
39 1
|
18天前
|
TensorFlow 算法框架/工具 Python
【Mac 系统】解决VSCode用Conda成功安装TensorFlow但程序报错显示红色波浪线Unable to import ‘tensorflow‘ pylint(import-error)
本文解决在Mac系统上使用VSCode时遇到的TensorFlow无法导入问题,原因是Python解析器未正确设置为Conda环境下的版本。通过在VSCode左下角选择正确的Python解析器,即可解决import TensorFlow时报错和显示红色波浪线的问题。
28 9
|
17天前
|
Linux 开发工具 Python
【Deepin 20系统】Linux系统从零打造完美VScode for Python环境
如何在Deepin 20系统中从零开始配置一个完美的VScode for Python开发环境,包括安装Anaconda、VScode、必要的插件、汉化、主题和字体设置,以及如何运行和调试Python程序。
29 5
|
15天前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
34 0
|
17天前
【Vscode+Latex】Mac 系统Vscode的LaTeX中插入参考文献
在Mac系统下的VSCode环境中配置LaTeX工作流以便插入和引用参考文献的详细步骤。
31 0
|
18天前
|
Linux Python
【Deepin 20系统】Linux系统VScode解决Module ‘torch‘ has no ‘cat‘ member
本文提供了解决在Deepin 20系统上使用VScode时遇到的"Module ‘torch’ has no ‘cat’ member"错误的步骤,即通过在VScode的设置中指定正确的pylint路径来解决该问题。
11 0
|
3月前
|
人工智能 自然语言处理 JavaScript
阿里云发布 AI 编程助手 “通义灵码”——VSCode更强了 !!
阿里云发布 AI 编程助手 “通义灵码”——VSCode更强了 !!
604 3
|
3月前
|
监控 安全 前端开发
PHP基于B/S版 医院不良事件管理系统源码vscode+laravel8医院如何加强不良事件上报系统的管理 AEMS系统源码
医院安全(不良)事件管理AEMS系统构建全院人员,在医疗、环境、设备、服务及相关制度体系运行过程中,发现存在的不良、隐患事件,能够以匿名、实名方式主动、方便、快捷的上报、反馈。
50 6
|
3月前
|
计算机视觉 C++
Mac系统下vscode调试opencv环境搭建
Mac系统下vscode调试opencv环境搭建
62 1