好用的vscode vue3插件

好名全被用

已于 2022-11-02 10:56:43 修改

阅读量1.8k

点赞数 2

分类专栏： vue 文章标签： vscode vue.js vue

于 2022-10-26 16:20:21 首次发布

本文链接：https://blog.csdn.net/zk_1325572803/article/details/127534727

版权

vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

可能不全，但是是自己用的比较舒服的配置，包括高亮，class类名提示，引用跳转，模板快速创建

在这里插入图片描述

插件列表------------------------------

1、别名路径跳转
2、Atom One Light Theme
3、Auto Rename Tag
4、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
5、className Completion in CSS
6、Cobalt2 Theme Official
7、Code Spell Checker
8、Eclipse Keymap（习惯使用eclipse快捷键）
9、Highlight Matching Tag
10、Image preview
11、Markdown Preview Enhanced
12、Path Intellisense
13、Svg Preview
14、SVN
15、TypeScript Vue Plugin (Volar)
16、VSCode Great Icons
17、Vue Language Features (Volar)
18、Vue Peek
19、Vue VSCode Snippets

settings.json

{
    "workbench.iconTheme": "vscode-great-icons",
    "svn.path": "C:\\Program Files\\TortoiseSVN\\bin\\svn.exe",
    "svn.experimental.encoding_priority": [],
    "editor.fontSize": 16,
    "workbench.colorTheme": "Cobalt2",
    "editor.fontFamily": "Fira Code, Microsoft Yahei UI",
    "terminal.integrated.fontFamily": "monospace",
    "[dockercompose]": {
        "editor.tabSize": 2
    },
    "terminal.integrated.fontSize": 16,
    "vetur.ignoreProjectWarning": true,
    "bracket-pair-colorizer-2.depreciation-notice": false,
    "editor.parameterHints": true,
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    },
    "editor.codeLens": false,
    "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
    "scss.completion.completePropertyWithSemicolon": false,
    "less.completion.completePropertyWithSemicolon": false,
    "css.completion.completePropertyWithSemicolon": false,
    "security.workspace.trust.untrustedFiles": "open",
    "npm.enableRunFromFolder": true,
}