VSCode编辑器的使用教程

VSCode编辑器的使用教程

一、 VSCode安装

  • 安装时建议安装稳定版本,因为测试版本存在安全隐患;
  • 安装过程中推荐默认安装方式,并且推荐勾选所有选项,使用起来也更加得心应手(通过使用code .命令可以在命令行中通过VSCode打开当前文件夹,推荐在Mac、Linux系统中使用)

二、彻底卸载VSCode

  • Windows下:使用360或腾讯电脑管家卸载VSCode之后,进入C:/users/[用户名]/目录下删除.vscode文件夹,之后在C:/users/[用户名]/AppData/Roaming/目录下删除Code文件夹即可彻底卸载;
  • Mac、Linux下:通过使用系统自带的软件管理器卸载VSCode后,需要在家目录下删除.vscode文件夹:rm ~/.vscode即可彻底卸载

三、 VSCode主题风格

  • Ayu插件和Material Theme插件有不错的主题风格

四、常见扩展安装与快捷键介绍

常用插件如下:

  • Markdown插件:
    • Markdown preview Enhanced Markdown预览
  • 统计工作时间的插件:
    • WakaTime记录工作数据表,统计写代码的时间
  • Vue插件:
    • Vetur一个好用的Vue.js开发插件
  • 其他插件:
    • Code Runner 支持多种语言代码的立即执行
    • Code Spell Checker 用于检测代码语法
    • VS Color Picker 选择颜色
    • vscode-fileheader 设置文件头

常用快捷键如下:

快捷键组合功能
编译器窗口
ctrl+shift+p / f1显示命令面板
ctrl+p快速打开
ctrl+shift+n新建窗口 / 实例
ctrl+shift+w关闭窗口 / 实例
基础编辑
ctrl+x剪切
ctrl+c复制
alt+↑ / ↓向上或向下移动行
ctrl+shift+k删除行
ctrl+enter在下面插入行
ctrl+shift+enter在上方插入行
ctrl+shift+\跳到匹配的括号处
选中 + ctrl+[ / ]调整代码块缩进
Home转到行首
End转到行尾
ctrl+Home转到文件开头
ctrl+End转到文件结尾
ctrl+↑ / ↓向上 / 向下滚动行
alt+PgUp / PgDown向上 / 向下滚动页面
ctrl+shift+[ / ]折叠 / 展开区域
ctrl+k ctrl+[ / ]折叠 / 展开子区域
ctrl+k ctrl+o折叠所有区域
ctrl+k ctrl+j展开所有区域
ctrl+k ctrl+c添加行注释
ctrl+k ctrl+u删除行注释
ctrl+/切换行注释
shift+alt+a切换块注释
alt+z切换换行
导航
ctrl+t显示所有符号
ctrl+g转到行…
ctrl+p转到文件…
ctrl+shift+o转到符号…
ctrl+shift+m显示问题面板
f8转到下一个错误或警告
shift+f8转到上一个错误或警告
ctrl+shift+tab导航编辑器组历史记录
alt+← / →返回 / 前进
ctrl+m切换选项卡移动焦点
搜索和替换
ctrl+f查找
ctrl+h替换
f3 / shift+f3查找上一个 / 下一个
alt+enter选择查找匹配的所有出现
ctrl+d将选择添加到下一个查找匹配
ctrl+k ctrl+d将最后一个选择移至下一个查找匹配项
alt+c / r / w切换区分大小写 / 正则表达式 / 整个词
多光标和选择
alt+点击插入多个光标
ctrl+alt+↑ / ↓在上 / 下插入光标
ctrl+u撤销上一个光标操作
shift+alt+i在选定的每一行的末尾插入光标
ctrl+i选择当前行
ctrl+shift+l选择当前选中的全部出现
ctrl+f2选择当前字的所有出现
shift+alt+→展开选择
shift+alt+←缩小选择
shift+alt+拖动鼠标列(框)选择
ctrl+shift+alt+箭头键列(框)选择
ctrl+shift+alt+PgUp / PgDown列(框)选择页上 / 下
语言编辑
ctrl+空格触发建议
ctrl+shift+空格触发参数提示
tabemmet展开缩写
shift+alt+f格式化文档
ctrl+k ctrl+f格式选定区域
f12转到定义
alt+f12peek定义
ctrl+k f12打开定义到侧边
f2重命名
ctrl+, / .替换为上一个 / 下一个值
ctrl+k ctrl+x修剪尾随空格
ctrl+k m更改文件语言
编辑器管理
ctrl+f4,ctrl+w关闭编辑器
ctrl+k f关闭文件夹
ctrl+\拆分编辑器
ctrl+1 / 2 / 3
ctrl+k ctrl+← / →聚焦到上一个 / 下一个编辑器组
ctrl+shift+PgUp / PgDown向左 / 向右移动编辑器
ctrl+k ← / →移动活动编辑器组
文件管理
ctrl+n新建文件
ctrl+o打开文件…
ctrl+s保存文件
ctrl+shift+s另存为…
ctrl+k s全部保存
ctrl+f4关闭
ctrl+k ctrl+w关闭所有
ctrl+shift+t重新打开关闭的编辑器
ctrl+k输入保持打开
ctrl+tab打开下一个
ctrl+shift+tab打开上一个
ctrl+k p复制活动文件路径
ctrl+k r显示资源管理器中的活动文件
ctrl+k o显示新窗口中的活动文件
显示
f11切换全屏
shift+alt+1切换编辑器布局
ctrl+ + / -放大 / 缩小
ctrl+b切换侧边栏可见性
ctrl+shift+e显示浏览器 / 切换焦点
ctrl+shift+f显示搜索
ctrl+shift+g显示Git
ctrl+shift+d显示调试
ctrl+shift+x显示扩展
ctrl+shift+h替换文件
ctrl+shift+j切换搜索详细信息
ctrl+shift+c打开新命令提示符 / 终端
ctrl+shift+u显示输出面板
ctrl+shift+v切换MarkDown预览
Ctrl+k v从旁边打开MarkDown预览
调试
f9切换断点
f5开始 / 继续
shift+f5停止
f11 / shift+f11下一步 / 上一步
f10跳过
ctrl+k ctrl+i显示悬停
集成终端
ctrl+`显示集成终端
ctrl+shift+`创建新终端
ctrl+shift+c复制选定
ctrl+shift+v粘贴到活动端子
ctrl+↑ / ↓向上 / 向下滚动
shift+PgUp / PgDown向上 / 向下滚动画面
ctrl+Home / End滚动到顶部 / 底部
vscode是一款非常流行的代码编辑器,它支持多种编程语言,并且拥有丰富的插件和功能。要安装vscode,首先需要访问官方网站 https://code.visualstudio.com/ 下载安装程序,然后按照提示步骤完成安装。安装过程非常简单,只需要点击几次“下一步”即可完成。安装完成后,打开vscode,你就可以开始使用了。 在vscode中,你可以新建一个项目或者打开已有的项目文件夹。vscode的界面分为多个部分,包括编辑区、侧边栏、状态栏等。在侧边栏中,你可以查看项目文件的目录结构,并且可以通过文件搜索功能快速定位到需要编辑的文件。此外,vscode还支持代码高亮、自动补全、代码片段等功能,让你的编码体验更加流畅。 除了基本的编辑功能外,vscode还可以通过安装插件来扩展功能。比如,你可以安装编程语言相关的插件、主题插件、调试插件等。在vscode的插件商店中,有数以千计的插件可以选择,你可以根据自己的需要进行安装。 除了编码功能外,vscode还内置了终端工具,可以在编辑器中直接执行命令,省去了切换窗口的繁琐操作。另外,vscode还支持版本控制工具,比如git,可以在编辑器中进行版本控制管理。 总的来说,vscode是一款功能强大、易于上手的代码编辑器,它可以帮助开发者提高编码效率,并且可以通过丰富的插件进行功能扩展,非常适合用于开发各种类型的项目。希望以上内容能够帮助你快速上手vscode
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值