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:格式化代码

posted @ 2018-12-15 19:19  七柏  阅读(4270)  评论(0编辑  收藏  举报