VSCode插件安装

Posted 2021-01-27 iszhangheng

一，Java开发插件

1. Language support for Java ? for Visual Studio Code
2. Java Extension Pack
3. Debugger for Java
4. Java Test Runner

二，Vue前端开发

1. Auto Close Tag
2. Auto Rename Tag
3. Beautify
4. ESLint
5. Git History
6. GitLens — Git supercharged
7. html CSS Support
8. Live Server
9. Prettier - Code formatter
10. Vetur
11. Vue 2 Snippets
12. Vue Peek
13. VueHelper
14. vscode-element-helper

三，快捷键插件

1. Eclipse Keymap for Visual Studio Code. (eclipse快捷键)
2. Lombok Annotations Support for VS Code. (简化POJO， 很惊喜)

四，常用设置

　　1，搜索文件是忽略target文件夹

"search.exclude": {             
　　　　　　　　　　　　"**/node_modules": true,            
　　　　　　　　　　　　"**/bower_components": true,             
　　　　　　　　　　　　"**/target": true,             
　　　　　　　　　　　　"**/logs": true         
　　　　　　　　　　}

　　2，代码编写规则

{
    "workbench.startupEditor": "newUntitledFile",
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.fontSize": 16,
    "java.errors.incompleteClasspath.severity": "ignore",
    "explorer.confirmDelete": false,
    "git.autofetch": true,
    "editor.wordWrap": "on",
    "java.configuration.maven.userSettings": "D:\Java\apache-maven-3.5.4\conf",
    "editor.quickSuggestions": {
    "strings": true
},
"workbench.colorTheme": "Visual Studio Light",
"element-helper.version": "2.4",
// eslint
"editor.tabSize": 2,
"files.associations": {
    "*.vue": "vue"
},
"eslint.autoFixOnSave": true,
"eslint.options": {
    "plugins": ["vue"],
    "extensions": [
        ".js",
        ".vue"
    ]
},
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "vue-html",
    {
        "language": "vue",
        "autoFix": true
    }
],
"eslint.run": "onSave",
"emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
},
"prettier.singleQuote": true,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force" // 可以换成上面任意一种value
        }
    },
}

　　3，取消单击打开文件覆盖导航栏:

• • 文件->首选项->设置, 添加 "workbench.editor.enablePreview": false,

五，常用快捷键

　　CTRL + P : 打开文件搜索

　　CTRL + SHIFT + N：打开新窗口

　　CTRL + SHIFT + p:打开指令栏（Clone GIT项目等）

　　CTRL + F：查找替换

　　CTRL + SHIFT + F：格式化代码