vscode常用插件和快捷键(个人自用,持续更新ing)

198 阅读1分钟

一、vscode插件

作用名称用法注意事项
在vscode内直接执行js代码Code Runner安装成功后右键run code没有安装node环境,会乱码
代码高亮Vue Language Features(Volar)直接高亮
注释规范化koroFileHeade需要配置www.cnblogs.com/yd15321/p/1…
代码注释Turbo Console Log直接使用1、添加:ctrl+alt+L 2、删除:alt+shift+d 3、注释:alt+shift+c 4、启动注释:alt+shift++u

二、快捷键

快捷键作用快捷键
在vscode内搜索插件的内容ctrl + shipt +p
1. 在vscode内直接执行js代码:Code Runner插件,安装成功后右键run code

没有安装node环境,会乱码

image.png

2. 配置注释代码块的快捷键

ctrl+shift+p快捷键,在输入框中输入snippets回车,选择需要更新注释快捷键的文件类型

image.png

三、配置

1、更新了vscode版本,发现vue文件无法注释了,怎么肥事

image.png

一招解决

在settings.json文件中添加下面配置
"files.associations": {
        "*.vue": "html"
},

四、工作效率

1、notepad工具在每个路径后面批量增加逗号

image.png

1、手机端调试

路径+?eruda=true

<script>
        ;(function () {
            var src = '//cdn.jsdelivr.net/npm/eruda'
            if (
                !/eruda=true/.test(window.location) &&
                localStorage.getItem('active-eruda') != 'true'
            )
                return
            document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>')
            document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>')
        })()
    </script>