vscode代码自动保存插件_vscode 自用插件自动保存

所需插件

vscode-icons

Open in Browser // 在浏览器打开

jQuery Code Snippets // 代码片段

HTML CSS Support

auto close tag // 括号自动闭合

auto import

Prettier - Code formatter // 代码美化

npm Intellisense

Bracket Pair Colorizer //js括号颜色区分

vetur // vue代码

GitLens — Git supercharged // git显示代码谁写的

eslint //格式化

One Monokai Theme //主题

Auto Reveal //打开文件是否显示列表

Auto Rename Tag //尾部闭合标签同步修改

Highlight Matching Tag //高亮显示匹配标签

Vscode-element-helper //自动提示element标签名称

Version Lens //工具包版本信息

indenticator("editor.renderWhitespace": "all",) //空白处显示白点

search.followSymlinks":true 设置false //内存占用过高

"editor.wordWrap": "off", //折行方式在右侧把off换成on

vacode设置内容

可以在使用vscode时，保存文件时文件内容可以进行自动格式化

{

"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",

"git.autofetch": true,

"[html]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},

"editor.wordWrap": "on", // 文字满屏，自动换行

"search.followSymlinks": false,

"window.zoomLevel": 0,

"editor.fontSize": 13, // 字体大小

"editor.lineNumbers": "on", //开启行数提示

"editor.quickSuggestions": {

//开启自动显示建议

"other": true,

"comments": true,

"strings": true

},

"editor.renderWhitespace": "all",

"editor.tabSize": 2, // tab空格数

"files.associations": {

"*.wpy": "vue"

},

"eslint.validate": [

//开启对.vue文件中错误的检查

"javascript",

"javascriptreact",

{

"language": "html",

"autoFix": true

},

{

"language": "vue",

"autoFix": true

}

],

// Set the default

"editor.formatOnSave": true, //每次保存自动格式化

"vetur.format.defaultFormatter.html": "js-beautify-html",

"eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复

"prettier.eslintIntegration": false, //让prettier使用eslint的代码格式进行校验

"javascript.format.insertSpaceBeforeFunctionParenthesis": false, //让函数(名)和后面的括号之间加个空格

"vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化

// "vetur.format.defaultFormatter.js": "none",

"vetur.format.defaultFormatterOptions": {

"js-beautify-html": {

// "wrap_attributes": "force-aligned" //属性强制折行对齐

"wrap_attributes": "force-expand-multiline" //属性强制折行对齐

}

},

"vetur.format.defaultFormatter.ts": "vscode-typescript",

"prettier.jsxBracketSameLine": true,

"prettier.semi": false,

"terminal.integrated.rendererType": "dom",

"[javascript]": {

"editor.defaultFormatter": "vscode.typescript-language-features"

},

"workbench.colorTheme": "One Monokai",

"git.showPushSuccessNotification": true,

"git.confirmSync": false,

"git.enableSmartCommit": true,

"[javascriptreact]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},

"workbench.iconTheme": "vscode-icons",

"vsicons.dontShowNewVersionMessage": true,

"explorer.autoReveal": false,

"workbench.sideBar.location": "left"

}