VSCode插件安裝

一，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：格式化代碼