VScode基础使用教程-创新互联-成都快上网建站

VScode基础使用教程-创新互联

VScode 的安装以及使用基础(C++配置)

奉上VScode安装物资

盐池ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!
VScode 的安装

进入VScode官网,点击 Download for windows 即可得到安装包,运行即可。

zU0BJP.png


编译器G++的配置

下载 MinGW,将其保存至任意磁盘中(下面默认C盘)。保存路径zUBu6S.png

按照顺序点击 此电脑->属性->高级系统设置

zU06sg.png

->环境变量

zU0qeJ.png

->系统变量->Path

zUBSSK.png

->新增,将之前保存的路径输入进去即可

zUB9yD.png

操作完毕后,重启电脑 即可。


VScode 简体中文设置

按 ctrl+shift+P,搜索 language ,点击第一条,然后点击简体中文即可。

另一种方法是在扩展商店中搜索 Chinese 后安装。

zURl0f.png


VScode 中C++的配置

进入 VScode,点击扩展

zUBU6U.png

分别搜索并安装以下三个插件

zUBB79.png

其中进入 C/C++ Compile Run 插件的页面,找到扩展设置

zUBrkR.png

翻到页面底部,勾选一下三条

zUBg1K.png


在 VScode 中编辑C++代码

点击 文件->新建文件

zUR178.png

输入程序保存的名称(加上编辑文件的后缀名,如果写得是 C++ 就是 cpp )

zUBH9P.png

创建后即可开始编写。

zUBXng.png

点击 F8 或右上角三角形运行程序。

zUBv7j.png

恭喜你已经成功学会了 VScode 的 C++编写基础了!!


VScode 进阶配置

可以发现,VScode 自带一个无比庞大的插件商店,他们是在 VScode 上实现魔法的精髓。


VScode 界面个性化设置 颜色主题

点击左下角管理,选择颜色主题,然后就可以根据自己的喜好找到合适的主题颜色了(本人还是喜欢默认深色)

背景图片

这个功能貌似是最吃香的?

我们在扩展商店(左侧栏第五个)搜索 background-cover ,下载并安装。

zUR0BV.png

然后重新打开 VScode ,我们可以发现左下角多出了一个“切换背景图片”

zURrAU.png

然后根据自己的需求设置即可。

zURRj1.png

成效展现:

zURJhQ.png


VScode 的更多功能

VScode 的强大远不止于此。


实现 Markdown 编辑功能

下载以下两个插件

zUWFvn.png

然后我们就可以在 VScode 中实现 Markdown 编写。与编写C++的方法类似,按同样的方法先新建一个文件,将后缀名改为 .md

zUWVbV.png

然后就可以开始 Markdown 编写

zUWeET.png

右上角有一个zUWmUU.png可以进行编辑的实时预览。

zU4Gbq.png


VScode 测试样例

安装插件后

zatwh8.png

左侧栏会新增 CPHjudge,点击即可添加数据进行测试。

zatWNV.png

按运行键即可测试数据

zatON6.png


待续…

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


本文标题:VScode基础使用教程-创新互联
标题来源:http://kswjz.com/article/ccjisi.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流