Vscode格式化的样式设置

一、文件

Settings.json

二、路径

设置--->用户（常用设置）【文本编辑器】上面--->在setting.json中编辑

三、代码

 1 {
 2   "files.eol": "\n",
 3   "typescript.preferences.quoteStyle": "single",
 4   "javascript.preferences.quoteStyle": "single"
 5   // tab 大小为2个空格
 6   "editor.tabSize": 2,
 7   // 编辑器换行
 8   "editor.wordWrap": "off",
 9   // 保存时格式化
10   "editor.formatOnSave": false,
11   // 开启 vscode 文件路径导航
12   "breadcrumbs.enabled": true,
13   // prettier 设置语句末尾不加分号
14   "prettier.semi": false,
15   // prettier 设置强制单引号
16   "prettier.singleQuote": true,
17   // 选择 vue 文件中 template 的格式化工具
18   "vetur.format.defaultFormatter.html": "js-beautify-html",
19   // vetur 的自定义设置
20   "vetur.format.defaultFormatterOptions": {
21     "js-beautify-html": {
22       "wrap_attributes": "aligned-multiple"
23     },
24     "prettier": {
25       "singleQuote": true,
26       "semi": false,
27       "printWidth": 100,
28       "wrapAttributes": false,
29       "sortAttributes": false
30     }
31   }
32 }

原文地址：https://www.cnblogs.com/wangyuxue/p/11270183.html

时间： 2024-11-13 09:54:22

Vscode格式化的样式设置的相关文章

【API Guides】Android字符串资源的格式化和样式

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 本文章翻译自Android开发指导,介绍了如何对字符串资源进行格式化和设置不同的样式. 想看原文,请戳这里字符串资源的格式化和样式小心撇号和引用号的坑格式化字符串用HTML添加样式字符串资源的格式化和样式小心撇号和引用号的坑如果我们的字符串资源里面有撇号('),那么我们必须加上转移字符,变成这个样子(\'),或者是在字符串的外面包裹上一对引号.我们下面看个例子: <string name=&qu

placeholder的样式设置

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ :-moz-placeholder{} /* Firefox版本4-18 */ ::-moz-placeholder{} /* Firefox版本19+ */ :-ms-inpu

HTML+CSS样式设置——CSS一学就会

HTML+CSS样式设置 CSS:(Cascading Style Sheets)层叠样式设置表. 网页的展示效果跟其排版有很大的关系.排版则主要依靠CSS来设置.调节. 下面说CSS与HTML的联合使用的过程: (1)新建CSS文件(一般放在与HTML文件同一路径下的css文件夹中) (2)在HTML的<head>标签中,用<link />对CSS进行引用 <link rel="stylesheet" type="text/css"

各种CSS样式设置细线边框

基础知识回顾 : cellspacing:单元格与单元格之间的边距:cellpadding:单元格内的内容与单元格边沿的边距简单实用的样式,设置所有的单元格为细线效果 <style type="text/css"> #tab1{ border-collapse:collapse;} #tab1 td{ border:1px solid #000000;} </style> <table width = "640px" id = &qu

ireport根据相关条件控制样式设置

以下是根据字符长度去控制样式样式只对Text field 有效,对Static Text无效. window--Style library -- 右键 add 添加style ,设置好了之后.再右键Add Style To Report,然后选中field 时,要style属性中选择自定的样式即可. 右击style 选择"添加"-"Style" 可以在属性中设置style的各种属性: 右击style 选择"添加Conditional Style&quo

进行手持设备wince开发中DataGrid的样式设置(宽度)

private void SelectGoodsForm_Load(object sender, EventArgs e) { //定义 DataGrid样式 DataGridTableStyle dataGridStyle = null; dataGridStyle = new DataGridTableStyle(); this.goodsGrid.DataSource = createDataTable(); //清楚之前的DataGrid样式 this.goodsGrid.TableSt

js学习进阶-元素获取及样式设置

var imgs = document.querySelectorAll("article img"); 获得article元素的直接或间接子孙的所有img元素, <article> <img src = "..." /> <div> <img src = "..." /> </div> </article> 获取2个img元素. 另一个方法querySelector()只返

QListWidget与QTableWidget的使用以及样式设置

QListWidget和QTableWidget的使用和属性,QTableWidget和QListWidget样式表的设置,滚动条的样式设置一.QListWidget的使用 //一.QListWidget list_widget = new QListWidget(); //list_widget->resize(200,300); list_widget->setFixedWidth(300); //设置item图标大小 list_widget->setIconSize(QSize(

博客园自定义CSS样式设置

关于博客园自定义CSS样式设置关于博客园自定义CSS样式设置首先,选择一个博客皮肤模板,如下然后,F12审查元素,可对右侧的元素规则进行自定义更改,然后覆盖原CSS 譬如看看取消掉自定义背景图片是什么样子,同理也可以添加CSS样式代码如此修改完后,就可在页面定制CSS代码框中填上你所需要修改的代码下面是我的页面定制CSS代码: 1.html,body{2. color: #807C7C;3. font-family: "Helvetica Neue",Helvetica,Ar