html代码格式化vscode,Vscode代码格式化
Vscode代码格式化
Vscode代码格式化
①首选项 → ② 设置
③ 点击 这个小图标
④ 然后把以下的代码复制进去。
{
"window.zoomLevel": 2, //设置窗口缩放级别
"files.autoSave": "afterDelay", //自动保存代码
"breadcrumbs.enabled": true, // 开启 vscode 文件路径导航
"search.exclude": { //用来忽略搜索的文件夹
"**/bower_components": true,
"**/node_modules": false
},
"diffEditor.ignoreTrimWhitespace": false, // 控制差异编辑器是否将对前导空格或尾随空格的更改显示为差异
"terminal.integrated.fontSize": 16, // 控制终端的字号(以像素为单位)。
// "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", //设置访问终端的路径
"git.path": "D:/Git/bin/git.exe", /*此路径为自己电脑git的安装路径 如果终端(terminal 使用git bash需要配置此项*/
"git.confirmSync": false, //同步 Git 存储库前请先进行确认
//eeditor部分-------------
"editor.formatOnSave": true, //每次保存自动格式化
"editor.formatOnPaste": true, // 编辑粘贴自动格式化
"editor.wordWrapColumn": 400, // 400 列后换行
"editor.mouseWheelZoom": true, // 通过使用鼠标滚轮同时按住 Ctrl 可缩放编辑器的字体
"editor.lineHeight": 22, //设置文字行高
// 控制是否在打开文件时,基于文件内容自动检测 Editor: Tab Size 和 Editor: Insert Spaces。如果设置为true则.editorconfi文件中的indent_size会失效
"editor.detectIndentation": false,
"editor.fontSize": 16, //设置字体大小
"editor.tabSize": 4, // 因为设置了 "editor.detectIndentation": false 所以该设置仅对settings.json文件缩进起作用
// 显示 markdown 中英文切换时产生的特殊字符
"editor.renderControlCharacters": true,
// 设置 eslint 保存时自动修复 【可修复function关键字后不带空格】
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// ----------------eslint部分---------
"eslint.alwaysShowStatus": true,
// "eslint.provideLintTask": true,
"eslint.quiet": true,
"eslint.validate": [ //开启对.vue文件中错误的检查
"javascript",
"javascriptreact",
"vue",
"html"
],
// prettier部分----------------------
// "prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验 // 注释后面加空格
"prettier.semi": false, //去掉代码结尾的分号
"prettier.tabWidth": 4, // tab 大小为4个空格
"prettier.singleQuote": true, // #使用单引号替代双引号
// vetur部分------------------------
// vetur处理单文件组件格式化 支持格式化嵌入的html/css/scss/less/postcss/stylus/js/ts
// 如果不设置这些项目格式化时会先进行vetur格式化 然后在进行eslint格式化
// 关闭vetur格式化template标签,由prettier最终执行
"vetur.format.defaultFormatter.html": "none",
"vetur.format.defaultFormatter.js": "prettier",
// "vetur.format.defaultFormatter.js": "vscode-typescript", // #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.less": "prettier",
"vetur.validation.template": false, //因为使用了eslint-plugin-vue插件 避免vetur验证模板文件
// "vetur.format.defaultFormatter.postcss": "prettier",
"vetur.format.defaultFormatter.scss": "prettier",
// "vetur.format.defaultFormatter.stylus": "stylus-supremacy",
"vetur.format.defaultFormatter.ts": "prettier",
"vetur.format.options.tabSize": 4, // tab 大小为4个空格
"vetur.format.defaultFormatterOptions": {
//项目中如果有prettierrc、.prettierrc.js等配置文件,否则会覆盖掉vscode上面的配置
// 处理单文件中的js文件 继承自 prettier
"prettier": {
"semi": false, //是否使用分号
"singleQuote": true
},
//取消vue强制换行【官方不推荐使用】
// "js-beautify-html": {
// "wrap_line_length": 160,
// "wrap_attributes": "auto",
// "end_with_newline": false
// }
// 处理单文件组件中的模板
// 继承自prettyhtml格式化===> https://prettyhtml.netlify.com/ https://vuejs.github.io/vetur/formatting.html#settings
"prettyhtml": {
// 模板单行超过n个长度的时候开始换行显示各种参数和事件
"printWidth": 200,
//单文件组件html中是否使用单引号
"singleQuote": true
// "HTMLWhitespaceSensitivity": "ignore"
// "bracketSpacing": true
// "htmlWhitespaceSensitivity": "ignore",
}
},
"vetur.experimental.templateInterpolationService": false, //防止单文件组件首行template报错
"vetur.format.enable": true, // 是否启用vetur格式化程序 【需要重启vscode】
// "[vue]": { //针对某种语言,配置替代编辑器设置。
// "editor.defaultFormatter": "octref.vetur"
// },
// 其他部分--------------
"javascript.preferences.quoteStyle": "single",
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
"liveServer.settings.donotShowInfoMsg": true, //关闭liveserver提示
"search.quickOpen.includeSymbols": true, // 配置为在 Quick Open 文件结果中包括全局符号搜索的结果。
"[javascript]": {
"editor.defaultFormatter": "Vetur-wepy"
},
// "prettier.stylelintIntegration": true,
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[json]": {
"editor.defaultFormatter": "Vetur-wepy"
},
"[vue]": {
"editor.defaultFormatter": "hu2ren.vetur-wepy"
},
"files.associations": { //文件后缀类型的支持
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript"
},
"files.exclude": { //用来忽略工程打开的文件夹
"**/.git": true,
"**/.svn": true,
"**/.DS_Store": true,
"**/node_modules": true,
"**/iOS": true
},
//emmet能识别缩写语法的场景
"emmet.includeLanguages": {
"wxml": "html"
},
"minapp-vscode.disableAutoConfig": true //禁用自动配置 //微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
}
Ⅰ 总结 格式化主要修改以下几行代码
"[html]": {
"editor.defaultFormatter": "Vetur-wepy"
},
"[javascript]": {
"editor.defaultFormatter": "Vetur-wepy"
},
Ⅱ 这一行是关键
"editor.defaultFormatter": "Vetur-wepy"
Vscode代码格式化相关教程
echarts图表展示代码
echarts图表展示代码 js代码 var yangshi1 = function(data){require.config({ paths: { echarts: '/laoa/sysFiles/js/echarts-2.2.4/doc/example/www/js' } }); require( [ 'echarts', 'echarts/chart/line', 'echarts/chart/pie', 'echarts/chart/bar' ], f
前缀树C++
前缀树C++ 文章目录 前缀树 代码 特点就是利用空间换时间,通过利用前缀存储的方法达到高效的查找效率。 3个基本性质: 根节点不包含字符,除根节点外每一个节点都只包含一个字符。 从根节点到某一节点,路径上经过的字符连接起来,为该节点对应的字符串。 每
VSCode+Leetcode不能submit和test的解决办法
VSCode+Leetcode不能submit和test的解决办法 本文的解决办法基于美区的LC账号,中国区账号暂未尝试 使用IDE快乐刷题的时光总是短暂的,昨天突然出现了submit不成功的问题,快乐没有了 于是,痛定思痛,寻找多种解决办法 尝试在终端uninstall之前安装的leetcod
10万行代码10万年薪,利用python查看自己写了多少代码!
10万行代码10万年薪,利用python查看自己写了多少代码! 十万代码,十万年薪!看看学习了这么久的你到底敲了多少代码吧! 这次我们运用到的是python 的 os 库 所谓os库就是Python标准库,包含几百个函数分为路径操作、进程管理、环境参数等几类,而我们今天要
visual studio C++代码调用Python代码
visual studio C++代码调用Python代码 在c、c++项目中有时会需要调用python的代码,在windows下使用visual studio进行调试时,需要进行库的配置,这里记录下配置的流程。使用的python环境为anaconda下创建的虚拟环境——pyName。 1. 虚拟环境的创建【optional
B1011 A+B 和 C
B1011 A+B 和 C B1011 A+B 和 C 题目描述: 代码描述: #includeiostream#includecstdiousing namespace std;int main(){long long a,b,c,t,ans=1;cint;while(t--){cinabc;if(a+bc) printf(Case #%d: true\n,ans);else printf(Case #%d: false\n,ans);ans++;}r
git代码统计
git代码统计 统计该项目的每个人的代码量: git log --since='XXXX-XX-XX' --until='XXXX-XX-XX' --format='%aN' | sort -u | while read name; do echo -en $name\t; git log --author=$name --pretty=tformat: --numstat | awk '{ add += $1; subs += $2; l
快速学习python代码,或者抄袭
快速学习python代码,或者抄袭 比如说我想知道python的datetime模块是怎么用的。 不会吗?先抄一段来测试一下。 可以去Github上搜一下,像这么做。 右侧是项目和对应的代码 假如你从Github上clone了很多项目到本地。 例如使用命令 git clone https://github.c
html代码格式化vscode,Vscode代码格式化相关推荐
- vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法 前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
- VSCode设置代码格式化
1.首先打开VScode软件在setting.json里面拷贝如下代码. 打开设置搜索settings.json 之后拷贝代码 把这串代码拷贝到settings.json中 {// vscode默认启 ...
- vscode c#代码格式化
下载 .NET 6.0 (Linux.macOS 和 Windows) (microsoft.com) 今天在写代码时发现,vscode的代码格式化不能用了,发现扩展市场里[DEPRECATED] C ...
- vscode vetur 代码格式化优化设置(亲测有用)
原文 vscode vetur 代码格式化优化设置(亲测有用) vue 文件在使用 vetur 格式化时,会默认把标签的每一个属性单独占一行,而且标签错位,可读性很差 1.点击左下角齿轮图标 --&g ...
- 关于vscode更新后 格式化代码造成函数括号后的空格被删除,单引号变双引号问题的解决方法
前段时间做项目时遇到了语法格式的警告即 究其原因是因为项目创建时选择了 ESLint 来规范代码,由于在VSCode1.7.2中替换了内置格式化插件.所以在新的项目中格式化代码后引发代码规范验证错误, ...
- Ubuntu VSCode C++代码格式化
最近在进行C++代码开发时,总是遇到每个人代码风格不一致的问题,为了保持一致,特意查了一些资料,在此记录一下. 首先,使用的IDE是VSCode,安装C/C++扩展插件后,在代码源文件中就可以看到格式 ...
- vscode 中写完代码 Ctrl + s 保存即可格式化代码 或者 (Shift+Alt+f)
vscode 中写完代码 Ctrl + s 保存即可格式化代码 找到设置 搜索emmet.include 选择在settings.json中编辑 添加代码下面两行代码 别忘记逗号 "edit ...
- 在使用 VScode 进行代码格式化后,保存发现代码又变乱了,怎么办?
出现的问题: 在用 VScode 时,代码使用格式化文档时,可以完美的进行格式化,但保存后,代码变乱 或 遇到如下问题: 保存代码的时候,代码被自动格式化,然后格式就变乱了(只要保存,格式就被打乱) ...
- vsCode JS代码格式化插件ESlint
vsCode JS代码格式化插件ESlint 验证有效,Ctrl+S保存代码全格式化了.写这个主要是个人笔记,算不得重复造. 源头:https://blog.csdn.net/qq_34803821/ ...
- VSCode 设置代码格式化
VSCode 设置代码格式化 文件->首选项->设置 然后右上角 打开设置(json) 默认设置: {"editor.fontSize": 18,"merge ...
最新文章
- python实战项目_11 个实战项目,掌握 Python 数据可视化
- View Components as Tag Helpers,离在线模板编辑又进一步
- 每天一个Linux命令(17)--whereis命令
- mysql 1055 解决方案_MySQL报错1055解决方案 - 树懒学堂
- 华为云TaurusDB性能挑战赛-java赛题mvn编译时报错:不支持multi-catch
- python中os模块详解_Python OS模块(常见文件操作示例)
- idea引入本地jar包及打包
- 某大型银行深化系统技术方案之九:核心层之流程数据管理
- arm平台linux移植ethtool工具
- python通信工程定额_版通信工程费用及定额套用解读
- 移动web页面前端开发总结
- Windows开发之VC++仿QQ迷你首页(迷你资讯)
- 如何架设流媒体服务器
- Kaldi简介【开源语音识别工具】
- 计算机操作系统执行可执行程序时,内存分配详解
- GBase 8s 客户端工具之dbaccess
- android开发data/data/文件包/files下的保存,删除,获取文件
- 【Linux】面试题(2021最新版)
- 阿里传:马云说要离开的第一天
- 码农犯错导致多人赢取头奖,麦当劳叔叔一笑谅解