vscode使用汇总——常用插件、常用配置、常用快捷键

一、代码提示快捷键设置:(keybindings.json)

[
    {
        "key": "ctrl+j",
        "command": "-workbench.action.togglePanel"
    },
    {
        "key": "ctrl+j",
        "command": "editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && editorTextFocus && !editorReadonly"
    }
]

二、插入代码段和字体设置:(setting.json)

{
  "editor.fontFamily": "宋体",
  "editor.fontSize": 16,
  "editor.snippetSuggestions": "top"
}

三、常用插件安装

  • Auto Rename Tag    标签自动重命名
  • Auto Close Tag     自动生成闭合标签
  • color highlight     颜色预览
  • Document This      注释自动生成
  • Git Blame         Git操作插件
  • Prettier formatter    代码格式化插件
  • todo highlight     todo高亮插件
  • vscode icons        文件目录ico图标 

我安装的所有插件:

Auto Close Tag
Auto Rename Tag
AutoFileName
Color Highlight
Document This
ESLint
file-icons
Flow Language Support
Git Blame
Hopscotch
JavaScript(ES6)code snippets
Light+ Tweaked
Path Intellisense
Prettier - Code formatter
TODO Highlight
vscode-icons

扩展:todo highlight插件使用,开启控制台展示todo list列表,Windows系统按快捷键F1,打开设置面板点击如图开启窗口todo list 展示,如图:

四、(个人)综合配置文件

{
    "editor.fontFamily": "宋体",
    "editor.fontSize": 16,
    "editor.formatOnSave": true,
    "files.autoSave": "off",
    "prettier.printWidth": 120,
    "workbench.iconTheme": "vscode-icons",
    "git.enableSmartCommit": true,
    "workbench.colorTheme": "Visual Studio Light",
    "git.autofetch": true,
    "window.zoomLevel": 0,
    "todohighlight.isEnable": true
}

五、常用快捷键

Ctrl + /        注释|解注代码

Ctrl + D        全选当前字符串

Ctrl+K,Ctrl+0     折叠所有代码

Ctrl+K,Ctrl+J     展开折叠所有代码

Ctrl + Q       切换视图

Ctrl + W        关闭当前窗口

Ctrl + 2        代码分屏

Ctrl + Shift + O      列出所有的类和变量

Shift + F12     查询所有引用

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏向治洪

React Native导航器之react-navigation使用

在上一节Navigation组件,我们使用系统提供的导航组件做了一个跳转的例子,不过其实战能力不强,这里推荐一个超牛逼的第三方库:react-navigatio...

2K7
来自专栏极乐技术社区

微信小程序开发详解《五》布局基础

1:Flex布局 Flex布局如图所示 image.png 1.1 Flex容器属性 image.png 1.2 Flex容器内元素属性 image...

5805
来自专栏知晓程序

如何「掏空」小程序的五层页面限制? | 技术宝典

1243
来自专栏Google Dart

AngularDart Material Design 记分卡 顶

(adsbygoogle = window.adsbygoogle || []).push({}); fun...

1384
来自专栏韩东吉的Unity杂货铺

零基础入门 13: UGUI Text

前几篇介绍了UGUI里的Image,今天来说下UGUI 的Text,显示文本的组件。因为有了之前代码创建Image的铺垫,所以对Text的使用就都在这篇介绍了。

1402
来自专栏一个爱瞎折腾的程序猿

HTML5学习笔记

参考资料:http://www.runoob.com/html/html-tutorial.html

1853
来自专栏Google Dart

AngularDart Material Design 切换 顶

用户可以点击切换按钮来更改状态。 通常,当您有一个ON / OFF选项时,您可以使用切换按钮。 如果您要一组中的多个选项中选中/取消选中,请改用material...

772
来自专栏24K纯开源

ChartDirector应用笔记(三)

前言 继上篇文章(Simple bar chart)推出之后,本篇文章继续ChartDirector的使用。在这篇Blog中,博主实现的是soft lighti...

23110
来自专栏hotqin888的专栏

ppt(Powerpoint)中插入swf(flash)动画方式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

1252
来自专栏达摩兵的技术空间

css3媒体查询简介

<link rel="stylesheet" media="min-width=900" />

895

扫码关注云+社区

领取腾讯云代金券