vscode教程

安装的插件

Better Comments

提高注释可读性。在注释中最前面加入[ *,!,?,todo,// ],注释将以不同颜色或样式显示

Markdown All in One

Markdown 所需的一切(键盘快捷键、目录、自动预览等)

Markdown Preview Enhanced

Markdown Preview Enhanced 是一款为 Visual Studio Code 编辑器编写的超级强大的 Markdown 插件。 这款插件意在让你拥有飘逸的 Markdown 写作体验。

Vue VSCode Snippets
介绍:这个插件提供了一系列的代码片段,帮助你快速编写 Vue 模板、脚本和样式。使用方式:安装插件后,输入特定的缩写(如 vbase)即可生成基础的 Vue 模板代码。

Remote Development
远程服务器使用

快捷键 功能
cmd-k v 或 ctrl-k v 打开预览到侧边
cmd-shift-v 或 ctrl-shift-v 打开预览
ctrl-shift-s 同步预览/同步源
Shift+Enter 运行代码块
ctrl-shift-enter 运行所有代码块
cmd-= 或 cmd-shift-= 预览放大
cmd– 或 cmd-shift-_ 预览缩小
cmd-0 预览重置缩放
esc 切换侧边栏目录

常用的设置

设置选项 实现的功能
Files: Auto Guess Encoding–>true 自动判断文件编码
editor.acceptSuggestionOnEnter–>off 关闭回车自动补全
editor.tabCompletion–>on 按tab键自动补全,一直按一直切换
editor.fontSize–>16 更改字体为16
security.workspace.trust.enabled 永久关闭受限模式
editor.formatOnSave–>true 保存则代码格式化
editor.formatOnPaste–>true 复制代码格式化
editor.formatOnType–>true 回车则代码格式化
deepin/UOS系统去掉顶端白色区域 Window: Title Bar Style –> custom

常用的插件

快捷键 作用
alt+shift+鼠标左键 列选择
tab 代码自动补全
ctrl+shift+N 新建窗口
Ctrl+Shift+W 关闭窗口
ctrl+N 新建文件
Ctrl+\(也可以按住Ctrl鼠标点击Explorer里的文件名) 切出一个新的编辑器
Ctrl+W 关闭编辑器窗口
代码
alt+shift+enter 格式化文档
ctrl+/ 注释
Ctrl+[, Ctrl+] 代码行缩进
Ctrl+Shift+[, Ctrl+Shift+] 折叠打开代码块
复制粘贴,如果不选中,默认复制或剪切一整行 Ctrl+C Ctrl+V
Shift+Alt+F,或Ctrl+Shift+P后输入format code 代码格式化
Ctrl+Enter 在当前行下边插入一行
Ctrl+Shift+Enter 在当前行上方插入一行
查找替换
Ctrl+F 查找
Ctrl+H 查找替换
Ctrl+Shift+F 整个文件夹中查找
显示
F11 全屏
Ctrl + = / Ctrl + - 放大/缩小
Ctrl+B 侧边栏显/隐
保存/另存为 Ctrl+S/Ctrl+Shift+S