首页 > 其他分享 >VSCode编辑器极简使用入门

VSCode编辑器极简使用入门

时间:2024-10-31 16:51:31浏览次数:1  
标签:极简 插件 Ctrl VSCode 标签 代码 编辑器 字体 Alt

VSCode(Visual Studio Code)是一款开源、跨平台、轻量级的代码编辑器,具有非常丰富的插件生态。他本身就是JavaScript + Electron ( /ɪˈlektrɒn/电子)代码开发的。官方下载地址:https://code.visualstudio.com/,支持绿色无安装。


01、常用快捷键

工具快捷键描述
Ctrl + Shift + P 显示命令面板
Ctrl + B 显示/隐藏左侧边栏
Ctrl + J 显示/隐藏下方控制台/终端
Ctrl + \\ 拆分为多个编辑器
ctrl + +ctrl + - 将工作区放大/缩小(包括代码字体、左侧导航栏)
Ctrl + Tab Ctrl + Shift + Tab 切换打开的多个文档

编码快捷键描述
Ctrl + 左右方向键 按照单词移动光标
Alt + Shift + 左右方向键 按照单词增加、减少 选中内容
Ctrl + HomeCtrl + End 移动到第一行、最后一行
Cmd + C/V/X 复制、粘贴、剪切,如无选中则操作整行,鼠标三击也可以选中整行
Alt + ↑Alt + ↓ 移动代码向上、向下
Alt + Shift + ↑、Alt + Shift +  复制 代码向上、向下一行
Alt + 鼠标连续点击任意位置 所选位置出现多个光标,可以同时输入
Ctrl + D(一次或多次) 光标所在单词+和他相同的都会被选中并出现多个光标,可以同时修改
Ctrl + / 注释单行代码,自定义改成了Alt + shift + C,默认的两个键太远了
Alt + shift + F 格式化代码
Ctrl+L+L(自定义添加的,默认无快捷键) 合并选中行为一行,可以搜索指令“合并行”,然后给他添加一个快捷键

多个光标同时编辑还是挺方便的:(Alt + 鼠标连续点击任意位置、Ctrl + D)

1.gif


02、常用配置

用户区与工作区

image.png

  • 用户:设置内容全局生效
  • 工作区:只针对当前工作目录(项目)生效。工作区设置会优先生效,适用于团队协作场景。设置文件保存在当前项目根目录的.vscode/settings.json中,可以被提交到Git仓库,方便共享给项目组的其他成员。

中文语言

在扩展中搜索“Chinese”安装中文语言包: Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code,重启生效。

字体样式

设置中搜索“Font”:

  • 字体大小15px,根据分辨率设置合适大小。
  • 字体:编程字体推荐等宽字体,在加上一个显示中文的,Consolas,"Microsoft YaHei"

image.png

  "editor.fontFamily": "Fira Code,Consolas,\"Microsoft YaHei\"",

皮肤

  • 文件图标美化插件:vscode-icons
  • 比较不错深色主题皮肤插件(代码着色+VSCode皮肤):One Dark Pro

支持自定义配置:settings.json文件

  "workbench.colorTheme": "One Dark Pro",
  "workbench.colorCustomizations":{
  "tab.activeBackground": "#2f3e5e",
  "activityBar.background": "#282c34",
  "sideBar.background": "#383c44"
  }

03、编程字体

等宽编程字体,个人现在用的字体设置:JetBrains Mono,Consolas,"Microsoft YaHei"

image.png

标签:极简,插件,Ctrl,VSCode,标签,代码,编辑器,字体,Alt
From: https://www.cnblogs.com/tiechui2015/p/18518280

相关文章

  • VSCode进阶之路
    VSCode进阶之路:从入门到高效率开发......
  • vscode 远程连接报错,“Resolver error: Error: XHR failed”
    [11:06:53.461]Creatingbashsubshellinside"bash"[11:06:53.560]>bashversion:4.4.20(1)-release[11:06:53.586]>bashversion:4.4.20(1)-release[11:06:53.717]>c448906b72f1:running[11:06:53.783]>Acquiringlockon/root/.......
  • PbootCMS后台ueditor编辑器上传图片如何去掉自动添加的title和alt属性
    修改ueditor.all.min.js文件:打开 \core\extend\ueditor\ueditor.all.min.js 文件搜索 "imageUrlPrefix",找到以下代码:javascript g.setAttribute("title",f.title||"");g.setAttribute("alt",f.original||"");修......
  • 在VSCode配置PHP开发环境(XAMPP版)
    下载XAMPP官网下载地址:https://www.apachefriends.org/download.html!!下载速度十分慢!!安装XAMPP:·修改安装地址到D盘、·安装英文版下载php官网下载地址:https://windows.php.net/download#php-8.2选择线程安全的zip压缩包配置环境变量:在高级环境变量中修改系统变量......
  • latex workshop在vscode中的settings.json设置
    //latex"latex-workshop.latex.autoBuild.run":"never","latex-workshop.showContextMenu":true,"latex-workshop.intellisense.package.enabled":true,"latex-workshop.message.error.show":fals......
  • Python 编程的最好搭档—VSCode 详细指南
     刚学Python的同学可能会觉得每次写Python的时候都得打开Cmd有点烦躁,直接上手Pycharm的同学可能会觉得这软件太笨重了,晦涩难用。那么有没有省去打开CMD的步骤,又能弥补Pycharm笨重的特点的软件呢?当然有,答案是VSCode.诞生于2015年的VSCode编辑器,现在可以说是目前最强的编辑......
  • VMware上的Ubuntu和VScode的SSH链接问题
     报错与检查今天像往常一样上VScode发现SSH链接又报错了 错误消息表明在尝试通过SSH连接到IP地址192.168.58.133时发生了超时错误,主机网络是正常的,错误肯定出在虚拟机更新一下,果然网络出现问题sudoaptupdate 检查一下ipa怎么解决?首先这个输出的内容ens33网......
  • Vim编辑器
    Vim文本编辑器Vim编辑器中设置了3种模式——命令模式、末行模式和编辑模式,每种模式分别又支持多种不同的命令快捷键。➢命令模式:控制光标移动,可对文本进行复制、粘贴、删除和查找等工作。➢输入模式:正常的文本录入。➢末行模式:保存或退出文档,以及设置编辑环境。在每......
  • 强大的文本编辑器Notepad++8.4.6 最新版
          Notepad++最新版是一款多功能的代码编辑工具。Notepad++官方版支持27种编程语言,涵盖C、C++、Java、C#,、XML、HTML,、PHP、python等等,能够帮助程序员提高编辑效率。Notepad++软件支持python与sql代码高亮功能,并且免费开源,能够完美地取代微软视窗的记事本功......
  • vscode开发环境设置成中文界面
    在VisualStudioCode(VSCode)中设置中文界面,你可以采用以下几种方法,以下是详细步骤:方法一:通过设置菜单设置中文打开VSCode:首先,确保你已经打开了VSCode软件。进入设置:点击菜单栏中的“文件”(File)选项。在下拉菜单中选择“首选项”(Preferences)。点击“设置”(Settings)。搜......