vsCode格式化html代码

1.下载两个插件ESLint和vetur

2.打开code-> preference-> setting页面，搜索settings.json，将其配置

{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,//Ctrl+滚轮实现代码的缩放"editor.mouseWheelZoom": true,// #每次保存的时候自动格式化"editor.formatOnSave": true,// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],//  #让prettier使用eslint的代码格式进行校验// "prettier.eslintIntegration": true,//  #去掉代码结尾的分号"prettier.semi": false,//  #使用带引号替代双引号"prettier.singleQuote": true,//  #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #这个按用户自身习惯选择"vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "auto",},"prettyhtml": {"printWidth": 100,"singleQuote": false,"wrapAttributes": false,"sortAttributes": false}}// 格式化stylus, 需安装Manta's Stylus Supremacy插件//  "stylusSupremacy.insertColons": false, // 是否插入冒号//  "stylusSupremacy.insertSemicolons": false, // 是否插入分好//  "stylusSupremacy.insertBraces": false, // 是否插入大括号//  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行//  "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
}

vsCode格式化html代码相关推荐

vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
vscode格式化react代码
vscode安装eslint后,可以正常格式化普通代码,但是react代码无法格式,需要再装Prettier,下图: 安装完后,在settings.json中配置如下: 这个信息其实在工具安装中就有提 ...
一定要学会的vsCode格式化整理代码的快捷键，再也不用手动调格式了
开发过程中经常遇到代码杂乱的情况,每次手动排列都需要浪费大量时间,如果能配置自动整理代码既能让代码赏心悦目也就不用再浪费排列的时间这是我原来混乱的页面按快捷键shift alt f 格式化后的代 ...
VScode格式化HTML代码保持标签属性不换行
点开设置,设置页面点开"拓展",找到"Vetur",右侧点击"在setting.json中编辑", 加入以下配置就好了: "vet ...
vscode格式化C++代码方法
格式之前格式操作解决方法:按下组合键ctrl+shift+p 在弹出的搜索窗口中输入format 选择format document后回车就可以了格式之后
vscode格式化代码使html标签不换行
1.打开Vscode,点击文件 ->首选项 ->设置->搜索vetur -> 在setting.json中编辑->输入以下代码(注意是json形式的,如果setting. ...
vscode python 格式化_VSCode 格式化缩进代码的实现
1)文件 -> 首选项因为 vscode 默认启用了根据文件类型自动设置tabsize的选项,在设置中添加: "editor.detectindentation": fal ...
vscode 格式化某一段代码_VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件 Setting ...
vscode格式化代码无效--可能的解决方法
vscode格式化代码无效--可能的解决方法参考文章: (1)vscode格式化代码无效--可能的解决方法 (2)https://www.cnblogs.com/code1992/p/8657985 ...
【小知识】VScode格式化代码配置及插件
VScode格式化代码配置及插件学会使用扩展和配置,能让你的vs code生产效率提高百分之二十 --鲁迅打开setting(新版vscode打开方式2019版) 先按步骤打开 setting 界 ...

vsCode格式化html代码

vsCode格式化html代码

1.下载两个插件ESLint和vetur

2.打开code-> preference-> setting页面，搜索settings.json，将其配置

vsCode格式化html代码相关推荐

最新文章

热门文章