【萌新使用 VS Code 必看】VS Code 基础使用手册
本帖最后由 Hello. 于 2020-8-14 16:33 编辑有言在先 : 本主题是按照 @Twilight6 同学的 【萌新使用 PyCharm必看】PyCharm 基础使用手册 设计并排版友情链接：实用干货：wxPython 快速入门手册
感谢支持 {:10_281:}
static/image/hrline/1.gif
前言可通过点击上方目录，切换你感兴趣的内容 {:10_297:}
static/image/hrline/4.gif
老话常说 ：工欲善其事，必先利其器 啦 ~ {:10_256:}
想要优雅且高效的编写代码，必须熟练使用一款开发工具。
但开发工具数不胜数，像 Sublime Text 、Vim 、Emacs、JetBrains 公司的全家桶 等等/
其中 VS Code （ 简称 VSC ）以其轻量且强大的代码编辑功能和丰富的插件生态系统，
受到了许多程序员的支持（尤其是前端）
网上有很多 VS Code 的教程文章，但没有本篇那么详细易懂（感觉自己好不要脸{:10_297:}）
正好 VS Code 还没有中文手册，大家先拿我这个当作说明书吧~哈哈
先来欣赏一下好看的小姐姐 {:10_257:}（可用作背景图，已打包回复可见）
（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）
**** Hidden Message *****我不介意先 评分、收藏、顶、回复 再继续看 {:10_250:}
VS Code 之 懒人安装（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）static/image/hrline/1.gif
啥也不说了，直接 win 64 位 和 win 32 位 不限速（天翼）网盘链接怼脸 {:10_256:}
（网盘链接压缩包里含有 64 位 和 32位 ，请自行分辨安装）
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 编码设置（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）static/image/hrline/1.gif
有时候，可能就是需要某种编码来打开很多文件，但又不想一次次手动切换
这时就需要修改 默认打开编码（如图）
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 字体设置（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）static/image/hrline/1.gif
配置一个好看养眼的字体真会使开发效率倍增呢！
修改字体、字体大小（如图）
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 主题设置（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）static/image/hrline/1.gif
一些鱼油可能已经习惯了之前使用开发工具的主题，十分熟悉而不想更换
但 VS Code 支持大部分主流开发工具主题以及更多好看主题下载！（如图）
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 背景美化（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）static/image/hrline/1.gif
听说大部分鱼油喜欢拿小姐姐做背景{:10_256:} ，但是 VS Code 配置背景对于新手来说真是个难题！（ json配置劝退了多少人 {:10_266:}）
我们只能通过插件或者修改本地 CSS 实现，但是顶部还会出现 [不受支持]
网上的教程配置真是 扯 淡
今天，看到这篇主题的你，可算是方便喽 {:10_297:}（如图）
背景图片在 前言 可以下载**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 重构变量（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）static/image/hrline/1.gif
我还真就见过一个一个改的“大牛” {:10_291:}
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 代码调试（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）https://fishc.com.cn/static/image/hrline/1.gif
1.准备
既然是用 VS Code 调试代码，那当然你得先安装好对应语言的扩展啦
2.配置调试环境
打开 VS Code 的 DEBUG 设置，先点击左边的虫子，再点击上面的齿轮：
**** Hidden Message *****
下面是这些字段的说明：
1. name : 当前 DEBUG 配置的名称。
2. Type : 指什么语言。
3. request 是最重要的参数，它能选择两种类型，一个是 launch 模式，一个是 attach 模式：
launch 模式：由 VS Code 来启动一个独立的具有 debug 功能的程序。
attach 模式：监听一个已启动的程序（其必须已经开启 debug 模式）
大多数情况下，调试 Python 都是用 launch 模式。
少数情况下，你无法通过新建独立程序来调试
如要与浏览器相结合的程序，launch 模式会导致你大部分浏览器插件失效
这时候才需要 attach 模式。
4. program : 文件的绝对路径，一般不需要改动。
5. console : 终端的类型， integratedTerminal 指使用 VS Code 终端。
当然，还有很多其他参数，比如 stopOnEntry: true , 可以在程序入口处就暂停执行
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 快速预览（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）https://fishc.com.cn/static/image/hrline/1.gif
快速预览，是指当我们看到一个建议列表里的某个函数名，我们可能并不能够立刻想起它的作用是什么，参数定义是什么。这时候我们可以单击当前这一项建议的最右侧的蓝色图标**** Hidden Message *****
参数预览，当我们从建议列表选择了一个函数，然后输入括号，准备开始输入参数时，我们会看到一个参数预览的悬浮框。通过这个参数预览的窗口，我们可以知道,这个函数可以传入哪些参数，它的参数类型是什么**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 代码注释（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）https://fishc.com.cn/static/image/hrline/1.gif
你在调试代码时，肯定经常需要临时地把一些代码注释掉。如果你要将一行代码注释掉，你只需按下Ctrl + /。如果你需要把一整段代码注释掉，按下 Alt+ Shift + A 即可。你可以分别在不同语言使用这两个命令，你会发现这个命令会分别使用不同语言各自的注释语法来添加注释**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 极速修复
（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）https://fishc.com.cn/static/image/hrline/1.gif
点击这个灯泡的图标，我们就能看到一个新的列表，
列表里就是语言服务提供的修复这个错误的操作建议。
在这个例子里，我们要做的就是选择第一个操作建议，
把 pirnt 换成 print 。除了点击这个黄色的灯泡图标，
我们也可以按下 Ctrl + . 来调出这个快速修复的建议列表。
**** Hidden Message *****
在之前的学习过程中，就有同学留言问过，
不确定什么时候能够看到这个黄色的灯泡图标。
编辑器在你把光标移动到这个错误或者警告所在的代码上时才会展示这个图标。
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 必备插件
（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）https://fishc.com.cn/static/image/hrline/1.gif
参考沐的另一篇主题：让开发效率飞起的VS Code插件！
贴心的漂亮小姐姐 @鱼C-小师妹 还做了视频，确定不要看看吗 {:10_256:}（回复可见）
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 常用快捷
（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）https://fishc.com.cn/static/image/hrline/1.gif
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
VS Code 之 其他设置
（PS:图片可能加载较慢，可尝试点击目录刷新或进行等待）https://fishc.com.cn/static/image/hrline/1.gif
**** Hidden Message *****
本段已结束，请点击顶部目录切换内容 ^_^
尾声static/image/hrline/1.gif
由于我个人的原因，导致这篇主题比预计大约晚了四天左右，很抱歉 {:10_278:}
感谢大伙一直支持 {:10_332:}
接下来还是熟悉的沐式结尾 ~
static/image/hrline/1.gif
声明：原创作品，如有侵权，请联系删除；如有雷同，纯属巧合；非商业推荐，无广告嫌疑
转载请注明出处及作者
统计：
准备时间：5 天
写作时间：1 天
整理时间：0.4 天
字数：27108 字节
作者：曦沐
特别鸣谢：
所有支持【安全时刻】&【工欲善其事】系列以及支持安全实验室的朋友们！
写这篇文章耗费了大量心血，希望各位支持一下！
如果喜欢，记得收藏+评分吖，谢{:10_281:}
如果有收获，别忘了评分{:10_281:}
本帖最后由 Hello. 于 2020-7-18 20:30 编辑
看看，我花了多少心血在这篇主题上，希望各位回复一句支持下！让我更有动力！
赠人鱼币~手有鱼香
不评个分再走嘛~
支持一下淘帖：
【工具】：传送门
【安全】：传送门
招募一起进步的伙伴以及志同道合的大牛~@鱼C-小师妹 第三次申精了哈哈~{:10_297:}
感谢大神一直帮我看、鼓励我{:10_281:}
希望以后能一直麻烦您{:10_256:}
@不二如是
很不错！{:10_275:}果断三连（收藏、评分、顶{:10_250:}） zltzlt 发表于 2020-7-18 20:10
很不错！果断三连（收藏、评分、顶）
好快啊哈哈
应该算四连（回复哈哈）
感谢大神支持啦{:10_297:} 支持~！{:10_298:} Twilight6 发表于 2020-7-18 20:13
支持~！
{:10_281:} {:10_257:} 支持 fsf359 发表于 2020-7-18 20:24
支持
{:10_281:} Hello. 发表于 2020-7-18 20:09
第三次申精了哈哈~
感谢大神一直帮我看、鼓励我
帮忙呼叫甲鱼哥~@小甲鱼 good 不错不错 你是怎么找到我的背景图的...我用的图2~~~原画是三体-智子的插画~~~{:10_254:} yhhpf 发表于 2020-7-18 21:11
你是怎么找到我的背景图的...我用的图2~~~原画是三体-智子的插画~~~
哈哈~很多人都喜欢这张图{:10_297:} Hello. 发表于 2020-7-18 21:13
哈哈~很多人都喜欢这张图
1，养眼
2，简洁
3，明暗恰好适合背景图，不糊遮挡代码
4，智子=人工智能巅峰，Python的未来~~~
{:9_226:} yhhpf 发表于 2020-7-18 21:24
1，养眼
2，简洁
3，明暗恰好适合背景图，不糊遮挡代码
{:10_256:} 我决定啦，写一篇 Visual Studio 教程{:10_256:} zltzlt 发表于 2020-7-18 20:10
很不错！果断三连（收藏、评分、顶）
B站刷多了{:10_256:}
不喜欢、举报、踩（doge） 永恒的蓝色梦想 发表于 2020-7-18 21:52
我决定啦，写一篇 Visual Studio 教程
牛吖{:10_297:}