html、css、vue、js在VsCode中代码格式化（代码自动调准为标准格式）

目录

一、安装以下几个 vscode 扩展程序：

例如

二、打开 settings 文件

三、将下面配置添加到 setting.json 文件中

一、安装以下几个 vscode 扩展程序：

ESLint

Prettier - Code formatter

Vetur

例如

二、打开 settings 文件

安装这三个插件后点击文件中的 首选项中的设置

然后点这个打开 settings.json 文件

三、将下面配置添加到 setting.json 文件中

复制并保存以下代码即可（重新进入vscode）

注：此配置支持 CSS、HTML、JS 和 Vue 等文件的格式化。大家可以参考，然后结合自己的需求去配置。
如果没有特殊需求，也可以拿去直接用。
{// tab 大小为2个空格"editor.tabSize": 2,// 100 列后换行"editor.wordWrapColumn": 100,// 保存时格式化"editor.formatOnSave": true,// 开启 vscode 文件路径导航"breadcrumbs.enabled": true,// prettier 设置语句末尾不加分号"prettier.semi": false,// prettier 设置强制单引号"prettier.singleQuote": true,// 选择 vue 文件中 template 的格式化工具"vetur.format.defaultFormatter.html": "prettyhtml",// 显示 markdown 中英文切换时产生的特殊字符"editor.renderControlCharacters": true,// 设置 eslint 保存时自动修复"eslint.autoFixOnSave": true,// eslint 检测文件类型"eslint.validate": ["vue","html","javascript","typescript","javascriptreact","typescriptreact"],// vetur 的自定义设置"vetur.format.defaultFormatterOptions": {"prettier": {"singleQuote": true,"semi": false}},// vue 扩展的文件默认使用 prettier 进行格式化"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},
}

html、css、vue、js在VsCode中代码格式化（代码自动调准为标准格式）相关推荐

使用Vue.js在WordPress中创建单页面应用SPA
吐槽一下,掘金好像并不能插入gist的代码框效果有点打折扣博客原文地址里有gist代码: 使用Vue.js在WordPress中创建单页面应用SPA 英文原文地址:premium.wpmudev. ...
wordpress 调用css,WordPress折腾记-精简CSS及JS在插件中的调用
GD Star Rating loading... 爱折腾WP是我的一个习惯,不折腾就会手痒,哈哈~~此文仅作为一个精简CSS及JS在插件中调用的范例,其他插件的精简可以按照此文的方法来做. 众所周知 ...
vue项目在vscode中编译eslint报错没显示红色波浪线提示
vue项目在vscode中编译eslint报错没显示红色波浪线提示. 如下图所示: 下图是预期效果: 不符合Eslint校验规则的代码位置都能展示出来,这样一目了然.能帮助我们迅速找到报错的位置. 然 ...
lldb 调试php,linux系统下如何在vscode中调试C++代码
本篇博客以一个简单的hello world程序,介绍在vscode中调试C++代码的配置过程. 1. 安装编译器 vscode是一个轻量的代码编辑器,并不具备代码编译功能,代码编译需要交给编译器完成. ...
php vue联动查询,使用vue.js实现联动效果的示例代码
摘要:本篇文章主要介绍了使用vue.js实现联动效果的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧想用vue.js写一个联动效果,按照自己的思路实验了下,并没有 ...
指令在Vue.js 2.0中的变化
由于指令在 Vue.js2.0 中发生了比较大的变化,Vue.js 2.0中的指令功能更为单一,很多和组件重复的功能和作用都进行了删除,指令也更专注于本身作用域的操作,而尽量不去影响指令外的 DOM ...
vscode 中写完代码 Ctrl + s 保存即可格式化代码或者（Shift+Alt+f）
vscode 中写完代码 Ctrl + s 保存即可格式化代码找到设置搜索emmet.include 选择在settings.json中编辑添加代码下面两行代码别忘记逗号 "edit ...
【VS Code】vue.js ESLint + vscode 代码格式配置
文章目录 VS Code 安装扩展全局 setting.json 安装 ESlint 依赖两种方式: 方式一:全局安装方式二:项目安装配置eslint .eslintrc.json VS Co ...
vscode中怎样格式化js代码_如何在Visual Studio代码（VSCode）中格式化代码
回答(30) 2 years ago 对于那些想要自定义要格式化的JavaScript文件的人,可以使用 JSfiles 属性上的任何扩展名同样适用于HTML . { "beautify.o ...

html、css、vue、js在VsCode中代码格式化（代码自动调准为标准格式）

一、安装以下几个 vscode 扩展程序：

例如

二、打开 settings 文件

三、将下面配置添加到 setting.json 文件中

html、css、vue、js在VsCode中代码格式化（代码自动调准为标准格式）相关推荐

最新文章

热门文章