码迷,mamicode.com
首页 > 其他好文 > 详细

VSCode插件安装

时间:2018-12-15 21:04:19      阅读:1176      评论:0      收藏:0      [点我收藏+]

标签:nbsp   classpath   word   extension   false   complete   iat   常用设置   str   

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

VSCode插件安装

标签:nbsp   classpath   word   extension   false   complete   iat   常用设置   str   

原文地址:https://www.cnblogs.com/iszhangheng/p/10124347.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!