zoukankan      html  css  js  c++  java
  • VSC

    1 - VS Code

     
    References

    2 - Shortcuts

    • 可以给已安装的任何插件配置快捷键:  文件--->首选项--->键盘快捷方式
    • 在文件中选中内容后, 点击鼠标右键, 会出现所有可用操作和对应的快捷键
    • 显示当前所有快捷键(包括插件):Ctrl + k  Ctrl + s
    针对Windows系统
    # 命令面板:Ctrl+Shift+P
    # 侧边栏开关:ctrl + B
    # 控制台开关:Ctrl + J
    ---------------------------------------------------
    # 切换终端:Ctrl + `
    # 分屏:Ctrl +  
    # 分屏切换:Ctrl + 1-9
    ---------------------------------------------------
    # 全部展开:Ctrl + K  Ctrl + J
    # 全部折叠:Ctrl + K  Ctrl + 0 
    # 折叠级别:Ctrl + K  Ctrl + (数字1~7对应相应级别)
    # 折叠所有块注释:Ctrl + K  Ctrl + /
    ---------------------------------------------------
    # 调节页面字体大小:Ctrl - 与 Ctrl +
    # 列选择:Alt + Shift, 然后鼠标左键选择
    # 列编辑:Ctrl + Alt + ↑和Ctrl + Alt + ↓移动光标进行列编辑
    # 当前行上移/下移:alt + ↑ / ↓
    # 删除当前行:ctrl + x
    # 移到行首/行尾: home / end
    ---------------------------------------------------
    # 快速查找指定的文件并且跳转:Ctrl + P
    # 在工程中查找:Ctrl + Shift + F
    # 在文件中查找:Ctrl + F
    # 在文件中替换:Ctrl + H
    ---------------------------------------------------
    # 查看定义: Alt + F12
    # 查看实现: Shift + Alt + F12
    # 转到定义:F12
    # 转到实现: Crtl + F12
    # 转到引用: Shift + F12
    ---------------------------------------------------
    # 添加行注释: Ctrl + K  ctrl + C
    # 格式化文档: Shift + Alt + F
    # 格式化选定内容: Ctrl + K  ctrl + F
    ---------------------------------------------------
    # 启动调试:F5
    # 打开和停止调试断点:F9
    # 单步调试:F11
    ---------------------------------------------------

    3 - Zen Mode

    禅模式:关闭所有导航栏、工具栏、标题栏、菜单栏等外部组件,将当前文件编译区域全屏,在最简化的界面下,进行沉浸式编辑。

    也可以在此模式下,根据需求开启新的功能窗口。

    例如, 通过快捷键(Ctrl + J)开启终端

    开启禅模式
    • 快捷键:Ctrl + K Z 
    • 查看 ---》外观 ---》禅模式
    • 命令面板:Ctrl+Shift+P ---》 视图:切换禅模式
    退出禅模式
    • 快捷键:Ctrl + K Z 
    • 使用快捷键Alt弹出菜单栏,查看 ---》外观 ---》取消禅模式
    • 命令面板:Ctrl+Shift+P ---》视图:切换禅模式

    4 - Extensions

    VSCode 的marketplace包含了数以千计的功能各异的Extensions,极大地改善了VS Code的适用性和扩展了使用范围。

    4.1 Online

    快捷键CTRL+SHIFT+X,或者选择扩展标签,打开扩展 ---》 输入需要安装的扩展名称 或 关键字,从索引出的 “扩展”列表中选择,根据提示安装。
     

    4.2 Offline

    在扩展官网上,找到打开要安装扩展的页面,点击页面中的"Download Extension",下载以.vsix结尾的文件
    例如,Python

     下载对应的.vsix 文件

    安装方式

    • 方式1: 扩展标签中,选择”...“,弹出扩展设置,选择”从VSIX安装“,然后重启即可

     

    • 方式2: 在存放文件的目录下执行code命令 
    code --install-extension <extension-name>.vsix
    
    • 方式3:直接复制到对应的扩展安装目录中,然后重启,例如,Windows系统“C:Users用户名.vscodeextensions”

    References

    4.3 Some Extensions

    Common

    • Chinese (Simplified) Language Pack for Visual Studio Code:中文界面
    • Git History    提供可视化的 Git 版本树管理,可通过命令面板或界面按钮激活
    • GitLens    增强内置Git 功能, 显示丰富的git日志,文件历史、行历史等
    • Visual Studio IntelliCode    微软官方提供的基于 AI 辅助的自动补全功能,支持 Python、TypeScript/JavaScript和Java语言
    • TabNine    强大的 AI 辅助智能补全,支持几乎所有编程语言
    • Code Spell Checker    代码拼写检查, 检查代码中的单词拼写错误并给出错误拼写单词的建议
    • Settings Sync   使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展
    • Code Runner    万能语言运行环境, 不用搭建各种语言的开发环境,选中一段代码直接运行,非常适合学习或测试各种开发语言
    • TODO Highlight    高亮显示代码中的 TODO、FIXME 及其他注解
    • Docker    管理本地容器
    • filesize    在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间
    • vscode-icons    文件图标,实现对各种文件类型的文件前的图标进行优化显示,,可以直接通过文件的图标快速知道文件类型
    • Rainbow Brackets    为圆括号,方括号和大括号提供彩虹色
    • Bracket Pair Colonizer 2    彩虹括号,使用彩虹色区分标注不同的括号对
    • Indent-Rainbow    用四种不同颜色交替着色文本前面的缩进
    • Log File Highlighter    日志文件高亮,主要是针对 INFO、WARN、ERROR 高亮,方便查看日志文件
    • Atuo Rename Tag    修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改
    • RegExp Preview and Editor    通过命令面板启动,在分栏页面中编辑正则表达式,并以数据流图可视化显示正则语法结构

    Markdown

    • Markdown Preview Enhanced    预览与展示,以pdf文档样式的效果来显示内容,默认配置
    • Markdown Toc    生成目录,需要配置参数
    • Markdown PDF    可以简单地将编写的.md文件转换成PDF等格式的文件,设置常用配置
    • Markdownlint    语法规整和风格检查
    • Markdown Preview Github Stying    使用Github样式来渲染Markdown,朴素简洁
    • Markdown All in One    功能组合包,包含了书写Markdown需要用到的常用功能和设置(键盘快捷方式,目录,自动预览等),默认配置

    PDF

    • vscode-pdf    直接打开浏览pdf格式的二进制文件

    Draw.io Integration    

    绘制流程图、脑图和UML图,新建扩展名为 .drawio.dio 、.drawio.svg 文件即可进入编辑

    Remote Development

    • Remote - SSH:基于 SSH 的远程开发
    • Remote - Containers:基于 Docker 容器的远程开发
    • Remote - WSL:基于 Windows Subsystem for Linux(wsl) 的远程开发

    5 - Tips

    01 - VS 与 VS code的区别

    Visual Studio
    • 集成开发环境
    • 功能完整,包括了整个软件生命周期中所需要的大部分工具,如UML工具、代码管控工具等
    Visual Studio Code 
    • 免费开源、跨平台、插件化、高度可定制的轻量级代码编辑器
    • 支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性
    • 支持插件扩展,丰富的社区资源
    • 针对网页开发和云端应用开发做了优化

    02 - VSCode Insiders 预览版

    03 - 中文显示

    Windows系统:

    1. 快捷键CTRL+SHIFT+X,打开扩展 ---》 输入Chinese,点击索引出的 Chinese(Simplified)Language Pack for Visual Studio Code 来安装中文语言包扩展

    2. 快捷键CTRL+SHIFT+P, 打开命令面板 ---》 Configure Display Language ---》选择相应语言, 根据提示重启VS Code

    04 - 固定窗口

    单击一个文件时,默认会替换之前的文件窗口
    直接双击当前文件窗口的标题部分, 此时标题字体将变成正体,表示已完成窗口固定
    此后新单击新文件时,不会替换之前已固定的文件窗口

    05 - Markdown编辑

    新建文件时,文件名后缀是.md即可,打开后将被VS Code识别为markdown文件。
    VS Code默认将markdown文件渲染为HTML的预览。

    06 - 浏览PDF文件

    vscode-pdf 插件:直接打开浏览pdf格式的二进制文件
  • 相关阅读:
    [CF 351B]Jeff and Furik[归并排序求逆序数]
    [置顶] 道德经之常与善人
    银联手机支付(.Net Csharp),3DES加密解密,RSA加密解密,RSA私钥加密公钥解密,.Net RSA 3DES C#
    SPOJ 375 (树链剖分+线段树)
    I.MX6 eMMC分区挂载
    I.MX6 android 4.2 源码下载
    I.MX6 android 源码下载
    Android 动态注册 亮屏、息屏广播
    Android 如何进入充电模式
    I.MX6 新版u-boot分析
  • 原文地址:https://www.cnblogs.com/anliven/p/12128023.html
Copyright © 2011-2022 走看看