vscode格式化oracle的插件,vscode 格式化插件

贴一下我在写 vue 时候的 vscode 的配置过程，ESlint 是建议的

1. 需插件安装

Vetur : 语法高亮等功能

ESlint : 代码风格检测

Prettier formatter for Visual Studio Code: 为了配合 ESlint

2. 插件设置

vue 的模板格式化：

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

vue 模板的 eslint 校验

"eslint.validate": [

"javascript",

"javascriptreact",

"html",

"vue",

{

"language": "html",

"autoFix": true

}

]

Prettier 设置去除不必要空格："prettier.semi": false

Prettier 设置格式化后"变'："prettier.singleQuote": true

在 vscode 中排除 node_modules 等文件夹：

"files.exclude": {

"**/.git": true,

"**/.svn": true,

"**/.hg": true,

"**/CVS": true,

"**/.DS_Store": true,

"**/node_modules": true,

"**/package-lock.json": true,

},

以新行结束

"html.format.endWithNewline": false

完整的 vue 相关用户设置如下

"files.exclude": {

"**/.git": true,

"**/.svn": true,

"**/.hg": true,

"**/CVS": true,

"**/.DS_Store": true,

"**/node_modules": true,

"**/package-lock.json": true

},

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

"editor.formatOnSave": true,

"prettier.semi": false,

"prettier.singleQuote": true,

"html.format.endWithNewline": true,

"eslint.validate": [

"javascript",

"javascriptreact",

"html",

"vue",

{

"language": "html",

"autoFix": true

}

]