1

一、插件

1、汉化插件配置

(1)插件安装:Cinese Language Pack for Visual Studio Code

image.png

(2)配置:

打开VSCO的, 按 ctrl+shift+p
image.png
image.png

2、Auto Close Tag

3、css peek

4、git graph

5、git history

6、HTML Snippets

7、Image preview

8、MongoDB for VS Code

9、open in browser

10、Settings Sync

11、Path Intellisense

Auto Rename Tag

二、快捷键设置

1、终端清空命令

(1)Ctrl + shift + p(打开设置)
(2)输入 keyboard Shortcuts (搜索快捷键)
image.png
(3)搜索框输入 workbench.action.terminal.clear (搜索终端快捷键设置)
image.png
(4)点击“终端清除”这一行前面的“+”号,同时按住“Ctrl” 和“k”两个键,回车就生效
image.png

三、同步vscode设置

参考博客:https://www.php.cn/tool/vscod...

四、vscode快速生成vue模板

文件->首选项->用户片段
image.png
打开vue.json文件

{
    "Print to console":{
        "prefix": "vue",
        "body": [
            "<template>",
            "    <div></div>",
            "</template>",
            ""
            "<script>",
            "export default {",
            "    data(){",
            "        return{",
            ""        
            "        }",
            "    }",
            "}",
            "</script>",
            "",
            "<style lang='scss'>",
            "",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

重启vscode,键入vue,tab键就出来这个模板


错空隐没
16 声望0 粉丝

« 上一篇
webpack入门
下一篇 »
vue3