vscode代码整理插件_vscode安装离线插件

vscode代码整理插件_vscode安装离线插件vscode常用插件整理

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

1.中文插件 Chinese (Simplified) Language Pack for Visual Studio Code

在这里插入图片描述

Auto Close Tag (自动补全html标签)

在这里插入图片描述

Bracket Pair Colorizer(括号颜色不同,更容易看)

在这里插入图片描述
在这里插入图片描述
代码括号颜色会对应,更容易看

Easy LESS(less语法)

在这里插入图片描述
配置说明:
在vsCode中使用Less方法:

在vsCode插件管理搜索插件 Easy LESS安装,(如没安装node.js先安装一下)

在项目根目录如没有.vscode目录,需要创建.vscode目录,添加一个配置文件:settings.json

内容如下:

{ 
   
    "less.compile": { 
   
        "compress": true, // 是否删除多余空白字符
        "sourceMap": false, // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
        "out": true, // 是否输出css文件,false为不输出
        "outExt": ".css", // 输出文件的后缀,默认为.css 或 .wxss
    }
}

indent-rainbow(带颜色的代码缩进)

在这里插入图片描述

Material Icon Theme(文件图标)

文件显示不同的图标
在这里插入图片描述

Path Intellisense(识别文件,图片路径)

在这里插入图片描述

Prettier – Code formatter(格式化插件)

在vscode左下角图标打开设置 搜索settings 点击在settings.json中编辑
在这里插入图片描述
在里面配置

/* prettier的配置 */
    "prettier.printWidth": 100, // 超过最大值换行
    "prettier.tabWidth": 4, // 缩进字节数
    "prettier.useTabs": false, // 缩进不使用tab,使用空格
    "prettier.semi": true, // 句尾添加分号
    "prettier.singleQuote": true, // 使用单引号代替双引号
    "prettier.proseWrap": "preserve", // 默认值。因为使用了一些折行敏感型的渲染器(如GitHub comment)而按照markdown文本样式进行折行
    "prettier.arrowParens": "avoid", // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid:省略括号
    "prettier.bracketSpacing": true, // 在对象,数组括号与文字之间加空格 "{ foo: bar }"
    "prettier.disableLanguages": ["vue"], // 不格式化vue文件,vue文件的格式化单独设置
    "prettier.endOfLine": "auto", // 结尾是 \n \r \n\r auto
    "prettier.eslintIntegration": false, //不让prettier使用eslint的代码格式进行校验
    "prettier.htmlWhitespaceSensitivity": "ignore",
    "prettier.ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
    "prettier.jsxBracketSameLine": false, // 在jsx中把'>' 是否单独放一行
    "prettier.jsxSingleQuote": false, // 在jsx中使用单引号代替双引号
    "prettier.parser": "babylon", // 格式化的解析器,默认是babylon
    "prettier.requireConfig": false, // Require a 'prettierconfig' to format prettier
    "prettier.stylelintIntegration": false, //不让prettier使用stylelint的代码格式进行校验
    "prettier.trailingComma": "es5", // 在对象或数组最后一个元素后面是否加逗号(在ES5中加尾逗号)
    "prettier.tslintIntegration": false,
    "terminal.integrated.allowMnemonics": true,
    "terminal.integrated.automationShell.linux": "" // 不让prettier使用tslint的代码格式进行校验
///报错的话,检查一下有没有用逗号与上一项设置分隔
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/187732.html原文链接:https://javaforall.net

(0)
上一篇 2022年9月29日 下午7:00
下一篇 2022年9月29日 下午7:16


相关推荐

  • mysql set 变量_hive声明变量

    mysql set 变量_hive声明变量1.类型声明set不需要声明类型,declare必须指定类型2.位置set位置可以任意,declare必须在复合语句的开头,在任何其它语句之前3.作用范围DECLARE定义的变量的作用范围是BEGIN…END块内,只能在块中使用。SET定义的变量用户变量,作用范围是会话/全局  如SET@var=12的定义,则var的作用域为整

    2022年8月20日
    17
  • Android浏览器多窗口webview界面截屏心得「建议收藏」

    Android浏览器多窗口webview界面截屏心得「建议收藏」做Android浏览器多窗口的时候,需要使用到浏览器的webview快照,当前有三种方法,都尝试过,对第二种方法做了一点改进,整理说一下他们各自的优势:

    2022年5月14日
    45
  • 向Web3过渡|Valist依靠星际文件系统将软件从Web2迁移到Web3

    向Web3过渡|Valist依靠星际文件系统将软件从Web2迁移到Web3点击收听最新咨询目前有许多技术专家 团队和有远见的人正在为不断增长 不断变化的 Web3 世界构建有价值的工具和服务 Valist 正依靠着星际文件系统将软件从 Web2 迁移到 Web3 使服务更安全 更非中心化 目前 下载软件的唯一选择是从网站或应用程序商店 这引起了严重的安全问题 虽然微软 苹果 谷歌或 Github 看起来很安全 但实际上 任何中心化的和依赖于 Web2 0 的东西都存在固有的风险 正如 2020 年 SolarWinds 所说 即使是最安全的身份验证系统也可能会被攻破 一个简单的经

    2026年3月17日
    3
  • mvnw_进入pod命令

    mvnw_进入pod命令我们使用Maven时,基本上只会用到mvn这一个命令。mvnw是MavenWrapper的缩写。因为我们安装Maven时,默认情况下,系统所有项目都会使用全局安装的这个Maven版本。但是,对于某些项目来说,它可能必须使用某个特定的Maven版本,这个时候,就可以使用MavenWrapper,它可以负责给这个特定的项目安装指定版本的Maven,而其他项目不受影响。该工具可以在大型、多人协作的项目统一Maven的版本,避免因为不一致造成意想不到的bug简单地说,MavenWrapper就是给一个

    2025年8月10日
    2
  • 最新版java安装教程[通俗易懂]

    最新版java安装教程[通俗易懂]提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、官网下载jdk二、环境配置测试前言2021java的新版安装教程:与之前的安装教程相比还是有一些改动的,省去了一些不必要的繁琐的步骤,简洁而又实用。下面是详细的安装教程,只要按照此教程逐步配置,就可以成功安装java环境。一、官网下载jdk到官网https://www.oracle.com/java/technologies/javase-jdk13-downloads.html下载下载完成解压到

    2022年7月8日
    20
  • 安装python时出现的错误0x80072efd及0x80072f7d的解决方法

    安装python时出现的错误0x80072efd及0x80072f7d的解决方法0x80072efd:是下载不了dubuggingsymbols和debugbinaries的问题。要翻墙。或者把2个Download的安装选项取消,就可以完成了。0x80072f7d:修改了EXE文件名称安装成功感觉问题解决的十分不靠谱,感谢https://blog.csdn.net/quantum7/article/details/81738839,脑残丞相的提醒,他安装时也…

    2025年7月31日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号