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

VSCode编辑器极简使用入门

时间:2022-12-17 10:22:23浏览次数:55  
标签:极简 插件 Ctrl VSCode 标签 代码 编辑器 字体 Alt

image.png

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/anding/p/16906984.html

相关文章

  • vim编辑器
    vim编辑器命令行输入vim/vifilename进入vim编辑模式iao插入模式---esc-->命令模式---:-->末行模式wq!一、命令模式1、光标移动n向右n向下......
  • 二、Qt定时器与文本编辑器制作《QT 入门到实战》
    学习目标了解qt的pixmap了解qt的label如何显示图片了解定时器的开启了解定时器的关闭了解文件如何进行读取了解QFileDialog的使用了解了一个文本编辑器的......
  • 《安富莱嵌入式周报》第295期:世界杯球员和足球实时跟踪,开源手持矢量网络分析仪,自制柔
    往期周报汇总地址:http://www.armbbs.cn/forum.php?mod=forumdisplay&fid=12&filter=typeid&typeid=104 视频版:https://www.bilibili.com/video/BV1s14y1N7BB/1、开......
  • 【ESP 保姆级教程 预告】疯狂Node.js服务器篇 ——安装配置VsCode开发环境
    忘记过去,超越自己❤️博客主页​​单片机菜鸟哥,一个野生非专业硬件IOT爱好者​​❤️❤️本篇创建记录2022-06-30❤️❤️本篇更新记录2022-06-30❤️......
  • Qt实现编辑器
    TextEdit::TextEdit(QWidget*parent):QMainWindow(parent){setToolButtonStyle(Qt::ToolButtonFollowStyle);setupFileActions();setupEditActions()......
  • [VSCode] VSCode Tunnel
    VSCode隧道功能为什么需要VSCode隧道?在如今公网IP稀缺以及国内商业带宽十分昂贵的情况下,自己搭建内网穿透的服务器不仅成本高同时带宽小。前提需要服务端VSCodeCL......
  • Vue3 (Vscode插件)
    Vue3(Vscode插件)前端开发的编辑器有很多种如DW,hubilder,WebStorm,sublime,vscode,等等。随着VsCode开源免费,丰富的插件,也是深受前端开发人员爱戴,在我们使用VsCode开发vue......
  • 15 个很棒的 Bootstrap UI 界面编辑器
    [导读]​​BootstrapMagic​​​​BootSwatchr​​​​BootstrapLiveEditor​​​​FancyBoot​​ ​​StyleBootstrap​​​​Lavish​​​​BootstrapThemeRol......
  • 低代码 系列 —— 可视化编辑器3
    可视化编辑器3这是可视化编辑器的最后一篇,本篇主要实现​​属性区​​​和组件的​​放大和缩小​​​,最后附上​​所有代码​​。属性区:即对编辑区的组件进行编辑,例如编辑......
  • VSCode-Path_to_shell_executable的问题
    VSCode:Theterminalprocessfailedtolaunch:Pathtoshellexecutable"D:\code\g++"doesnotexist的问题下午使用VSCode编译一个cpp文件,突然报了这样一个问......