VsCode 格式化插件配置
Beautify
1、在工作目录下建立.jsbeautifyrc文件:
{
  "brace_style": "none,preserve-inline",
  "indent_size": 4,
  "indent_char": " ",
  "jslint_happy": true,
  "unformatted": [""],
  "css": {
    "indent_size": 4
  }
}
注释:
brace_style:格式风格(为避免和eslint默认检查冲突,建议此属性设置为 none,preserve-inline)
indent_size:缩进长度(为避免和eslint默认检查冲突,建议此属性设置为 2)
indent_char:缩进填充的内容
jslint_happy:true:若你要搭配jslint使用,请开启此选项
unformatted:["a","p"]:这里放不需要格式化的标签类型。注意 template 也是默认不格式化的,.vue 的 template
标签如果需要格式化请在 .jsbeautifyrc 重新定义不带 template 的声明属性
2、如果需要保存时自动格式化,请设置如下:
在VSCode的配置文件里添加:
"editor.formatOnSave": true
Vetur
针对 .vue 文件格式化
"vetur.format.options.tabSize": 4
VsCode 格式化插件配置的更多相关文章
- vsCode格式化插件
		ESlint:是用来统一JavaScript代码风格的工具,不包含css.html等. 背景 近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱.目前没有一 ... 
- VSCode保存插件配置并使用 gist 管理代码片段
		setting sync 保存配置 由于公司和家里都使用 VSCode 作为主要编辑器,同步配置是最紧要的.VSCode 提供了setting sync插件,很方便我们同步插件配置.引用网上教程: 在 ... 
- clojure开发环境配置git, vscode+Calva插件配置
		万事开头难,全是犄角旮旯的细节. 1 安装lein 参见 https://www.cnblogs.com/xuanmanstein/p/10504401.html 2 创建工程 lein 参考http ... 
- VSCode - Beautify插件配置
		注: 本文摘自 黑火巨雷 - 简书 1. 在工作目录下建立.jsbeautifyrc文件 官方文档 { "brace_style": "none,preserve-inl ... 
- VSCode - Beautify 插件配置
		1. 在工作目录下建立.jsbeautifyrc文件 官方文档 { "brace_style": "none,preserve-inline", "i ... 
- VS2012格式化插件配置备份
		VS2012联机插件AStyle --style=allman --indent=spaces=4 --align-pointer=type --align-reference=type --max- ... 
- vue项目中vscode格式化配置和eslint配置冲突
		问题描述 使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行.空格.单双引号.分号等各种格式问题 因为我的 vscode 安装使 ... 
- vscode格式化代码插件Beautify
		vscode格式化代码安装 VsCode 格式化代码插件搜索并安装 Beautify 格式化代码插件使用:打开要格式化的文件 —> F1 —> Beautify file —> 选择 ... 
- vscode 插件配置指北
		Extension Manifest 就像 chrome 插件使用 manifest.json 来管理插件的配置一样,vscode 的插件也有一个 manifest,而且就叫 package.json ... 
随机推荐
- Changing the Output Path in your Web Applications is a bad idea
			http://lnbogen.com/2006/09/20/changing-the-output-path-in-your-web-applications-is-a-bad-idea/ Let’s ... 
- MFC基础学习
			RECT rect = { }; //获取窗口的内部客户区矩形 GetClientRect(&rect); 模态和费模态对话框! 模态对话框只需要包含对话框头文件,定义对话框类,调用DoMod ... 
- 【转】Android HTML5 Video视频标签自动播放与自动全屏问题解决
			为了解决 HTML5Video视频标签自动播放与全屏问题,在网上找了很多相关资料,网上也很多关于此问题解决方法,但几乎都不能解决问题,特别对各大视频网站传回来的html5网页视频自动播放与全屏问题,我 ... 
- P2657 [SCOI2009]windy数 数位dp
			数位dp之前完全没接触过,所以NOIP之前搞一下.数位dp就是一种dp,emm……用来求解区间[L,R]内满足某个性质的数的个数,且这个性质与数的大小无关. 在这道题中,dp[i][j]代表考虑了i位 ... 
- CF949 C Data Center Maintenance——边双连通分量
			题目:http://codeforces.com/contest/949/problem/C 把一个点指向修改它会影响到的点就可以做了: 有取模,所以多出一些要注意的地方,首先是可能出现环,所以需要 ... 
- Rails5 Route Document
			创建: 2017/06/29 完成: 2017/06/29 更新: 2017/06/30 最开头的有效路径展示补充网页版 更新: 2017/07/21 修正错别字 更新: 2017/09/02 增加m ... 
- THE DRUNK JAILER
			http://poj.org/problem?id=1218 题意:门的状态有两种开或关,初始化为开,每次进行状态转换,第一次把门号是1的倍数的门状态转换,第二次把门号是2的倍数的门状态转换,.... ... 
- Tornado集成Apscheduler定时任务
			熟悉Python的人可能都知道,Apscheduler是python里面一款非常优秀的任务调度框架,这个框架是从鼎鼎大名的Quartz移植而来. 之前有用过Flask版本的Apscheduler做定时 ... 
- SpringBoot2.0整合Redission
			Redisson是redis一个很强大的客户端,有兴趣的同学可以看我的下一篇文章,这篇主要讲如何整合,费话不多说,直接上干货(大牛请绕道) 首先创建RedissionConfig文件 import o ... 
- 实战篇之实现 OutLook 中以 EDM 形式发送通知邮件
			1.写 Html5 的 EDM 模板 EDM 源代码示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ... 
