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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • oracle创建用户 授权表,oracle创建用户及授权创建表

    oracle创建用户 授权表,oracle创建用户及授权创建表–================================–Oracle用户、对象权限、系统权限–================================建立表空间和用户的步骤:用户建立:createuser用户名identifiedby”密码”;授权:grantcreatesessionto用户名;grantcreatetableto用户名;g…

    2022年5月19日
    34
  • java高级面试题及答案

    java高级面试题及答案前言Linux网络协议栈是根据TCP/IP模型来实现的,TCP/IP模型由应用层、传输层、网络层和网络接口层,共四层组成,每一层都有各自的职责。应用程序要发送数据包时,通常是通过socket接口,于是就会发生系统调用,把应用层的数据拷贝到内核里的socket层,接着由网络协议栈从上到下逐层处理后,最后才会送到网卡发送出去。而对于接收网络包时,同样也要经过网络协议逐层处理,不过处理的方向与发送数据时是相反的,也就是从下到上的逐层处理,最后才送到应用程序。网络的速度往往跟用户体验是挂钩

    2022年7月9日
    23
  • pmf文件「建议收藏」

    pmf文件「建议收藏」1、首先是视频软件,其次还是DISKGENI(磁盘分区软件),当作镜像文件恢复文件到磁盘(类似ISO)。2、PMF文件为主要与primarilyPegasusMailMessageAttachment(DavidHarris)相关联的GIS文件。PMF文件还与以下相关联:PayrollMate2008(RealTaxTools.com),PCLToolPageTechM…

    2022年6月18日
    74
  • MySQL下载与安装教程(超详细)

    MySQL下载与安装教程(超详细)一、MySQL下载下载地址:https://dev.mysql.com/downloads/mysql/根据自己需要下载对应的版本,我下载的是mysql-5.7.31二、MySQL安装教程1.解压安装包下载后得到.zip安装包,解压到自己想要安装到的文件目录下(最好建一个专门存放环境的文件夹),我解压到的是D:\environment\mysql-5.7.312.添加环境变量我的电脑->右键->属性->高级系统设置->环境变量选择Path->编辑-&g

    2022年5月29日
    44
  • Git使用教程:最详细、最傻瓜、最浅显、真正手把手教!「建议收藏」

    转载自Git使用教程预警:因为详细,所以行文有些长,新手边看边操作效果出乎你的预料)一:Git是什么?Git是目前世界上最先进的分布式版本控制系统。工作原理/流程:Workspace:工作区Index/Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库二:SVN与Git的最主要的区别?SVN是集中式版本控制系统,版本库是集中放在中央…

    2022年4月6日
    43
  • OSPF路由协议_ospf协议是一种什么路由协议

    OSPF路由协议_ospf协议是一种什么路由协议OSPF:开放式最短路径优先协议无类别链路状态路由协议,组播更新224.0.0.5/6;跨层封装到三层,协议号89;基于拓扑工作,故更新量大—–需要结构化部署–区域划分、地址规划触发更新、每30min周期更新OSPF的数据包:Hello包DBD–数据库描述包LSR–链路状态请求LSU–链路状态更新携带各种LSALSack–链路状态确认状态机—-OSP…

    2025年6月25日
    3

发表回复

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

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