精华内容
下载资源
问答
  • VSCode 代码整理快捷键

    2020-12-15 14:03:46
    VSCode 代码格式化 快捷键 Visual Studio Code可以通过以下快捷键 格式化代码: On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I

    VSCode 代码格式化 快捷键

    Visual Studio Code可以通过以下快捷键 格式化代码:
    On Windows   Shift + Alt + F
    On Mac   Shift + Option + F
    On Ubuntu   Ctrl + Shift + I

    展开全文
  • VSCode 整理格式快捷键

    万次阅读 2019-02-11 15:25:10
    Shift +Alt + f

    Shift +Alt + f

    展开全文
  • vscode 缩进快捷键 代码对齐快捷键

    万次阅读 多人点赞 2018-04-25 00:45:49
    vscode缩进快捷键: 选中文本; Ctrl + [ 和 Ctrl + ] 实现文本的向左移动或者向右移动;vscode代码对齐快捷键: 选中文本; Shift + Alt + F 实现代码的对齐;...

    vscode缩进快捷键:

                   选中文本;

                   Ctrl  +  [      和   Ctrl  +  ]     实现文本的向左移动或者向右移动;



    vscode代码对齐快捷键:

                  选中文本;

                   Shift  +  Alt  + F     实现代码的对齐;


    展开全文
  • vscode常用插件快捷键

    2020-07-07 17:33:18
    接下来,我整理了一些vscode常用的快捷键以及常用插件,希望可以帮助各位码农锋利自己的武器。 快捷键器篇 窗口文件相关快捷键 新建文件 Ctrl+N 文件之间切换贴 Ctrl+Tab 打开一个新的VS Code编辑器 Ctrl+Shift+N ...

    俗话说,工欲善其事必先利其器,我们码农的器是什么尼?没错,就是我们亲爱的IDE,前端开发者最爱的编辑器应该是vscode了吧。但是我们要怎么去锋利它尼?不外乎就是熟悉它的使用方法、快捷键以及第三方的插件。接下来,我整理了一些vscode常用的快捷键以及常用插件,希望可以帮助各位码农锋利自己的武器。

    快捷键器篇

    窗口文件相关快捷键

    新建文件

    Ctrl+N

    文件之间切换贴

    Ctrl+Tab

    打开一个新的VS Code编辑器

    Ctrl+Shift+N

    关闭当前窗口

    Ctrl+W

    关闭当前的VS Code编辑器

    Ctrl+Shift+W

    切出一个新的编辑器窗口(最多3个)

    Ctrl+\

    切换左中右3个编辑器窗口的快捷键

    Ctrl+1 Ctrl+2 Ctrl+3

    全屏显示

    F11

    放大或缩小(以编辑器左上角为基准)

    Ctrl +/-

    侧边栏显示或隐藏

    Ctrl+B

    显示 Debug

    Ctrl+Shift+D

    显示 Output

    Ctrl+Shift+U


    搬砖相关快捷键

    复制

    Ctrl+C

    剪切

    Ctrl+X

    粘贴

    Ctrl+V

    代码行向左或向右缩进

    Ctrl+[ 、 Ctrl+]

    代码格式化

    Shift+Alt+F

    向上或向下移动一行

    Alt+Up 或 Alt+Down

    向上或向下复制一行

    Shift+Alt+Up 或 Shift+Alt+Down

    在当前行下方插入一行

    Ctrl+Enter

    在当前行上方插入一行

    Ctrl+Shift+Enter

    移动到行首

    Home

    移动到行尾

    End

    移动到文件结尾

    Ctrl+End

    移动到文件开头

    Ctrl+Home

    选择从光标到行尾的内容

    Shift+End

    选择从光标到行首的内容

    Shift+Home

    删除光标右侧的所有内容(当前行)

    Ctrl+Delete

    删除当前行

    ctrl+shift+k

    下一个匹配的也被选中

    Ctrl+D

    回退上一个光标操作

    Ctrl+U

    可能有的小伙伴会说,这快捷键也太多了吧,但是这仅仅是冰山一角。不过各位小伙伴也不要慌张,vscode同样也提供了非常人性化的自定义快捷键功能。那到底怎么自定义尼?下面奉上一张宝图,大家就一目了然了。

    看到这里,可能很多小伙伴会有疑惑,为什么我的编辑器是中文的,而你的是英文尼?这就和我们接下来要说的常用插件有关了。带我慢慢道来。


    插件篇

    编辑器常用插件

    Chinese (Simplified) Language Pack for Visual Studio Code

    安装这个插件就可以把编译器原始的英文界面更改为中文界面了。

    background

    编码搬砖的过程,无疑是相当枯燥乏味的,但是如果加上这样的小姐姐尼?是不是一下就不枯燥了?

    答案是肯定的。也很幸运的有background这个插件,安装之后会有一个默认的背景图片,如图所示:

    这个时候,我们可以在修改设置中搜索background修改设置json文件,如下所示:

    修改代码奉上:

    {
        "background.useDefault": false,
        "background.style": {
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",//图片位置
            "width":"100%",
            "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
            "background-size":"100%,100%",//图片大小
            "opacity":0.2 //透明度
        },
        "background.customImages": [//此处配置自己对应的背景图
            "file:///F:/IDE_bg/qingxin.jpg"
        ],
        
    }
    

    Rainbow Fart

    背景图片有了,那么能不能也有声音尼?我可以肯定的告诉你,可以。只需要安装Rainbow Fart这个插件,然后启动这个插件就可以在编码的过程中,出现小姐姐的声音了。启动方法如下:

    在vscode软件中使用ctrl+shift+p 打开命令面板,复制Enable Rainbow Fart 后回车,右下方弹出的提示后点击open按钮,或直接访问(http://127.0.0.1:7777/ ),在弹出的页面点击授权,如下图所示:

    授权成功之后,就可以愉快的编码了。

    open in browser

    在浏览器中打开页面

    Live Server

    以服务器的方式打开页面

    搬砖常用插件

    Auto Close Tag

    标签自动闭合

    Auto Rename Tag

    开始标签和结束标签自动进行同步

    Bracket Pair Colorizer

    会已不同颜色和横线显示括号的范围

    HTML Snippets

    快速的生成html标签

    JS-CSS-HTML Formatter

    代码格式化

    Color Info

    颜色提示插件,只需要将鼠标放在颜色值上悬停,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息啦。

    jQuery Code Snippets

    jQuery自动提示

    Path Autocomplete

    路径自动补齐

    ESLint

    检测JS必备

    Html Css Support

    在标签新增class的时候会提示之前写过的class

    Beautify / Beautify css/sass/scss/less

    样式格式化(两个的区别还没感受出来)

    Vetur

    Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

    vscode-icons

    给不同的文件类型添加图标

    CSS Pee

    CSSPeak通过识别和枚举已应用的不同样式以帮助开发者处理标记语言的类字符串和ID。这很方便,因为开发者不再需要在HTML和CSS文件之间频繁跳转。

    NPM

    所有开发者应该都认识NPM,其全称是Node Package Manager(node包管理器)。该扩展插件有助于管理Package.json,当生产环境依赖包未安装时会发出警告,并确保安装的版本正确。

    Live Sass Compiler

    LiveSass Compiler虽然很小,但功能极其强大,它可以将SASS /SCSS文件实时编译为CSS文件,并在浏览器中展示已编译样式的实时预览。

    Debugger for Chrome

    对许多开发者而言,Chrome是开发、测试和调试代码的首选浏览器。通过这个VS Code的官方扩展插件,开发者可以直接在VS Code中进行以上操作——没什么能比这更棒了!

    JavaScript Code Snippets

    用于编写JavaScript,Typescript,React,Vue,HHTML等的代码片段,以及ES6语法支持

    以上就是我整理的一些vscode常用的快捷键和插件了,希望可以帮助所有搬砖的同胞们锋利自己的武器。
    最后,如果大家想和我一起讨论探索前端,可以关注一下我的公众号,不定期更新干货,更可加入技术群交流讨论。

    展开全文
  • 点赞再看,养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。...
  • 代码整理快捷键: windows:Shift + Alt + F Mac:Shift + Option + F
  • IDEA整理代码快捷键

    万次阅读 2019-01-10 15:50:58
    IDEA 代码对齐快捷键:ctrl + alt + L VS code vscode代码对齐快捷键:Shift+Alt+ F
  • vscode更新速度之快已经1.50.1了,以下是根据最新1.50.1在之前的配置做了删减中文语言包 - Chinese (Simplified) Language Pack for Visual Studio Code英文的菜单变成友好的中文,使得开发者更加了解自己的编辑器...
  • 1.主界面 ...2.代码整理快捷键 Shift+Alt+F 3.代码行向左或向右缩进: Ctrl+[ 、 Ctrl+] 4.下一个匹配的也被选中: Ctrl+D 5.撤销上一步操作: Ctrl+Z 6.回退上一步 Ctrl+Y 7查找替换 Ctrl+F Ctrl+H ...
  • 【Shift】+【Alt】+ F
  • VSCode格式化代码快捷键

    千次阅读 2020-09-02 03:49:20
    Visual Studio Code可以通过以下快捷键格式化代码: On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I
  • VSCode 代码格式化 快捷键

    万次阅读 多人点赞 2019-05-30 17:26:00
    Visual Studio Code可以通过以下快捷键 格式化代码: On Windows Shift+Alt+F On Mac Shift+Option+F On Ubuntu Ctrl+Shift+I 转载于:https://www.cnblogs.com/ryanzheng/p/10950870.html...
  • vscode代码格式化快捷键 window系统:shift+alt+F linux系统:Ctrl+Shift+i mac系统:Shift+Option+F
  • VSCode常用快捷键整理

    2021-07-16 11:29:58
    VSCode常用快捷键整理(windows系统) 「Shift + Alt + F」快速代码缩进。注:可以在编码的任何时候使用它,但是在代码编写完成的时候用这个格式化一下代码会更好。 「F2」重命名一个变量。 选中一个变量,然后...
  • Vscode快捷键整理

    2021-05-20 17:57:14
    闲来无事,将vscode编译器的快捷键给大家整理一下,希望可以为大家提供一点点帮助。 以下~ Ctrl+S:保存文件 Ctrl+【: 代码行向前缩进, Ctrl+】:代码行向后缩进, Ctrl+Shift+【, Ctrl+Shift+】:折叠打开代码块 Ctrl+...
  • vscode快捷键整理

    2019-02-15 14:16:38
    Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux。内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持C++、C#、Python、...
  • vscode常用快捷键整理

    2021-01-18 13:47:45
    关于光标和选中操作 f2 选中一个变量,按f2,弹出一个小窗口,在里面输入内容后按回车,所有该变量都会被重命名 ...按住alt,用鼠标左键点击,可以出现多个光标,输入的代码可以在光标处同时增加。 ctrl + A
  • VScode常用快捷键整理

    2021-02-14 22:29:17
    按 Press 功能 Function Ctrl + Shift + P,F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + Shift + N 新窗口/实例 New window/instance Ctrl + Shift + W ...
  • VSCode快捷键整理

    千次阅读 2018-03-28 23:35:48
    1、打开关闭终端:Ctrl + ~ ...5、代码行缩进:Ctrl+[ 、Ctrl+] 6、代码格式化: Shift+Alt+F 7、向上向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down 8、在当前行下边插入一行 Ctrl+Enter 9、在当前行...
  • vscode 常用快捷键整理

    2019-05-06 17:11:45
    vscode删除缩进多行tab Shift + Tab 上下移动一行: Alt+Up或Alt+Down 查找 Ctrl+F 查找替换 Ctrl+H 删除一行 ctrl+d 打开默认键盘快捷方式设置: File -> Preferences -> Keyboard Shortcuts { "key": ...
  • VSCode快捷键整理

    2019-03-04 16:30:17
    VsCode 快捷键有五种组合方式(科普) Ctrl + Shift + ? : 这种常规组合按钮 Ctrl + V Ctrl +V : 同时依赖一个按键的组合 Shift + V c : 先组合后单键的输入 Ctrl + Click: 键盘 + 鼠标点击 Ctrl + DragMouse :...
  • vscode常用插件及快捷键整理

    千次阅读 2018-11-18 19:37:10
    vscode常用插件及快捷键整理 常用插件: Chinese:中文语言包 View In Browser:在浏览器里打开 vscode-icons:让vscode资源目录加上图标 Auto Rename Tag:修改html标签,自动帮你完成尾部闭合标签的同步修改 Auto...
  • vscode 常用快捷键

    2017-09-08 11:48:00
    vscode常用快捷键及常用设置 ...alt+shift+f整理代码格式 alt+z切换自动换行 ctrl+·打开终端调试 ctrl+shift+n新建窗口 ctrl+p文件内搜索(聚焦在某个文件) ctrl+shif+f全编辑器搜索(聚焦在资源管理器) ...
  • vscode 常用快捷键整理 (windows)

    千次阅读 2019-06-21 11:06:58
    个人常用快捷键,官方点这里 https://code.visualstudio.com/docs/getstarted/tips-and-tricks#vscode 根据您当前的上下文访问所有可用命令 Ctrl + Shift + P 快速打开文件 Ctrl + p 打开用户设置 Ctrl +, 集成...
  • vscode部分快捷键

    2021-06-29 22:19:21
    shift+alt+F键可以自动整理代码的格式问题 ctrl+shift+b可以只编译不运行,可以将.exe文件删除掉,在编译出来 禅模式(全屏显示代码)先按下ctrl+K 激活后按z ctrl+p 按文件名搜索文件 文件切换快捷键:ctrl...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 843
精华内容 337
关键字:

vscode整理代码快捷键