Vscode 中vetur设置，让代码变得更美观
{// ----------------// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false, // 重新设定tabsize"editor.tabSize": 2,"workbench.editor.enablePreview": false, // "workbench.colorTheme": "Visual Studio Light","files.autoSave": "onFocusChange","editor.fontSize": 16,"window.zoomLevel": 1,"security.workspace.trust.untrustedFiles": "open", // #每次保存的时候自动格式化"editor.formatOnSave": true, // #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #每次保存的时候将代码按eslint格式进行修复 //"eslint.autoFixOnSave": true,以弃用 改成下面的"editor.codeActionsOnSave""editor.codeActionsOnSave": {// #每次保存的时候将代码按eslint格式进行修复"source.fixAll.eslint": true,"eslint.autoFixOnSave": true}, // 启用eslint作为格式化程序"eslint.format.enable": true, // 添加支持格式 //autoFix默认开启，只需输入字符串数组即可"eslint.validate": ["javascript", "vue", "html"], // #这个按用户自身习惯选择 ， html 使用 beautify"vetur.format.defaultFormatter.html": "js-beautify-html", // #让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript", // 设置下面这组会执行prettier格式 // "vetur.format.defaultFormatter.html": "prettyhtml", // "vetur.format.defaultFormatter.js": "prettier","vetur.format.defaultFormatterOptions": {"wrap_attributes": "force-aligned","js-beautify-html": {// - auto: 仅在超出行长度时才对属性进行换行。// - force: 对除第一个属性外的其他每个属性进行换行。// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。// - force-expand-multiline: 对每个属性进行换行。// - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。// #vue组件中html代码格式化样式,可选"wrap_line_length": 120,"wrap_attributes": "auto","end_with_newline": false},"prettier": {//设置分号"semi": false, //双引号变成单引号"singleQuote": true, //禁止随时添加逗号,这个很重要。找了好久"trailingComma": "none"}},"diffEditor.ignoreTrimWhitespace": true,"editor.formatOnType": true,"workbench.colorTheme": "Visual Studio Dark","markdown-preview-enhanced.enableScriptExecution": true,"[vue]": {"editor.defaultFormatter": "octref.vetur"},"vetur.completion.scaffoldSnippetSources": {"workspace": "
Vscode 中vetur设置，让代码变得更美观相关推荐
- [html] 当img标签中的src图片加载失败时，怎么让它变得更美观呢？
[html] 当img标签中的src图片加载失败时,怎么让它变得更美观呢? 当默认图也失效,就会陷入死循环,需加变量计数,如果是 vue 的话用 @error.once 更妙.在 onerror 给元 ...
- vscode中怎样格式化js代码_vsCode配置代码格式化
visual studio code权威指南计算机 75.6元 包邮 (需用券) 去购买 > 在编译器vscode上配置ESLint.Prettier.Vetur这个三个插件,然后在编译器左上角 ...
- vscode中vetur、eslint、prettier个人理解
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一.问题的出现 二.vetur.eslint.prettier是什么? 二.解决办法 1.安装vetur插件 2.安装 ...
- Vscode中HTML与CSS代码的快速写法
Emmet语法的前身是Zen coding,它使用缩写来提高html/css的编写速度,vscode内部已经集成该语法 1. 快速生成Html结构 生成标签,直接输入标签名,按tab键即可,比如div ...
- 新版VSCode中Python设置自动补全函数括号
文章目录 前言 一.旧版的方法(Jedi) 二.新版的方法(Pylance) 提示 前言 在网上能找到的关于如何让VSCode中Python自动补全函数括号的方法都是同样的,但基本上都是几年前的方法了 ...
- 万字长文！分享一个能让你的代码变得更整洁的技巧
点击上方 "程序员小乐"关注, 星标或置顶一起成长 关注订阅号「程序员小乐」,收看更多精彩内容 每日英文 Smiling doesn't always mean you're ha ...
- import pandas as pd什么意思_Pandas万花筒：让绘图变得更美观
全文共1803字,预计学习时长10分钟 图源:tehrantimes 流行 Python 数据分析库 Pandas 中的绘图功能一直是迅速绘制图表的首选之一.但是,其可用的可视化效果总是十分粗略,实用 ...
- python万花筒教程_Pandas万花筒：让绘图变得更美观
全文共1803字,预计学习时长10分钟 图源:tehrantimes 流行 Python 数据分析库 Pandas 中的绘图功能一直是迅速绘制图表的首选之一.但是,其可用的可视化效果总是十分粗略,实用 ...
- vscode中怎样格式化js代码_如何在Visual Studio代码（VSCode）中格式化代码
回答(30) 2 years ago 对于那些想要自定义要格式化的JavaScript文件的人,可以使用 JSfiles 属性上的任何扩展名同样适用于HTML . { "beautify.o ...
最新文章
- LuoguP3183 [HAOI2016]食物链 记忆化搜索
- VS2013报错:错误:没有与这些操作匹配的《运算符
- 微信 android兼容性问题怎么解决方案,微信小程序兼容性问题
- jni java c 变量对应_GitHub - jkangzhang/JNIDemo: JNI中Java和C的数据传递
- Linux之磁盘管理——磁盘分区
- CDays-3 习题一 （处理命令行参数）及相关内容解析。Python getopt 简介
- ubuntu修改源为阿里云
- ModelSim的使用详解
- 计算机实验excel总结,EXCEL实验报告
- 第二十五篇：稳定性之灰度发布
- 1976国际标准大气_Matlab
- Mesh网格编程（四） 正6面体
- win10动态桌面软件
- Win11系统pin码忘记了怎么办？Win11忘记pin码解决方法
- 制作一个简单的选项卡插件
- java 判断cmyk_JAI ImageIO的纯Java替代品，用于检测CMYK图像
- java判断麻将听牌,和牌看听：麻将听牌种类大全
- 【翻译】--19C Oracle 安装指导
- Ubuntu下.py文件的运行
- 美团滑块(1-18，js逆向)
热门文章