VS Code 主题配置

文章目录

1. 全局配置
2. 格式化单引

1. 全局配置

ctrl+shirt+p 搜索settings.json替换为下面内容即可

{"vetur.ignoreProjectWarning": true,//配置Vetur插件，忽略提示// 在方法括号之间插入空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,"editor.tabSize": 2,//指定一个tab等于多少个空格，例如此处指定4就像等于4个空格，2就等于两个空格"editor.detectIndentation": false, //必须指定！！否则指定的tab大小将不起效果"editor.formatOnSave": true,// 每次保存的时候自动格式化"editor.formatOnType": true, // 每次保存的时候自动格式化"editor.codeActionsOnSave": { // #每次保存的时候将代码按eslint格式进行修复"source.fixAll.eslint": true},"workbench.iconTheme": "vscode-icons", //图标主题"vsicons.dontShowNewVersionMessage": true,//不显示新版本提示信息"editor.fontSize": 18,//字体大小// -------------------------Operator Mono字体设置 Start-----------------------------------"editor.fontFamily": "Operator Mono","editor.fontLigatures": true, // 这个控制是否启用字体连字，true启用，false不启用，这里选择启用"editor.tokenColorCustomizations": {"textMateRules": [{"name": "italic font","scope": ["comment","keyword","storage","keyword.control.import","keyword.control.default","keyword.control.from","keyword.operator.new","keyword.control.export","keyword.control.flow","storage.type.class","storage.type.function","storage.type","storage.type.class","variable.language","variable.language.super","variable.language.this","meta.class","meta.var.expr","constant.language.null","support.type.primitive","entity.name.method.js","entity.other.attribute-name","punctuation.definition.comment","text.html.basic entity.other.attribute-name.html","text.html.basic entity.other.attribute-name","tag.decorator.js entity.name.tag.js","tag.decorator.js punctuation.definition.tag.js","source.js constant.other.object.key.js string.unquoted.label.js",],"settings": {"fontStyle": "italic",}},]},"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"tabnine.experimentalAutoImports": true,"editor.quickSuggestions": {"strings": true}// -------------------------Operator Mono字体设置 End-----------------------------------}

2. 格式化单引

双引号统一格式化为单引号
在项目根目录新建.prettierrc.json或者.prettierrc文件

{"singleQuote": true, //使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)"semi": false // 是否使用分号, 默认true}

VS Code 主题配置相关推荐

【猿说VUE】Visual Studio Code安装配置
Visual Studio Code安装配置现在使用Visual Studio Code编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点得到了大量开发人员的喜爱.该编辑器也集成了所有一款现代编 ...
Hexo+next主题配置踩的坑
Hexo+next主题配置踩的坑下载安装完next主题后才发现一堆的坑.由于next的版本不同.所以有的配置文件和网上的教程不大一样.自己踩了N多坑,于是打算记录一下.于是自己试了好几天才差不多配置 ...
vuepress侧边栏配置_VuePress默认主题配置(default theme config) - VuePress中文网
# 默认主题配置(default theme config) 提示此页面上列出的所有选项仅适用于默认主题.如果你使用的是自定义主题,则选项可能会有所不同. # 主页(Homepage) 默认主题提供 ...
hexo个人博客搭建（二）butterfly主题配置
Butterfly主题安装文档(二)之主题配置一.回顾安装butterfly主题 1.在hexo项目根目录下执行操作clone主题 git clone -b master https://githu ...
vscode最好看的主题推荐_2017年最佳 VS Code 主题
我不知道你怎么样,但我喜欢在一个具有视觉吸引力的环境中编写代码.除了虚荣装逼之外,一个好的主题(和好的字体,因为好的主题应该带有好的字体)可以使你的代码看起来不那么无聊.有些主题甚至用配色方案指出代码 ...
GitHub+Hexo搭建自己的Blog之(3)-主题配置(Next)
GitHub+Hexo搭建自己的Blog之-主题配置(Next) 前言 Blog的环境全部搭建完毕了,但是还没有内容,而且hexo默认的主题是不是感觉挺丑的,其实hexo给我们提供了很多主题模板,总有 ...
『C/C++养成计划』Visual Studio Code编辑器配置(外观通用型扩展Minmal)
Visual Studio Code编辑器配置(外观&通用型扩展&Minmal)! 文章目录一. vscode配置外观|通用型扩展 1.1. 色彩主题配置扩展(GitHub Them ...
使用 github 仓库搭建 Hexo教程，Hexo配置文件解读，Hexo安装next主题及主题配置，美化
这是之前写的文章了,重新补一补,把另外写的都和在一起了,出问题方便找搭建Hexo 准备安装 nodejs 安装 git 可以看我之前的博客,好像有写安装方法安装hexo-cli 中文官网安装是 ...
VS code 插件配置手册
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达 VS code 插件配置手册 C/C++ Tools插件---C/ ...

VS Code 主题配置

文章目录

1. 全局配置

2. 格式化单引

VS Code 主题配置相关推荐

最新文章

热门文章