代码规范eslint,stylelint,prettier

一.  stylelint

css,less,scss等样式书写规范工具,用于规范样式书写格式。参考:

Stylelint 简介 | Stylelint中文文档 | Stylelint中文网

二.  eslint

代码规范工具,用于检查代码规范开发,统一代码风格便于实现团队开发。参考:

ESLint 入门 - ESLint - 插件化的 JavaScript 代码检查工具

三.  prettier

代码格式化工具,作用是规范书写格式,通常和stylelint一起使用。参考:

【Prettier】代码格式化工具Prettier的使用和配置介绍-CSDN博客

根据引用和,vscode有很多代码规范化插件可供选择。以下是一些常用的vscode代码规范化插件: 1. ESLint: ESLint是一款非常受欢迎的JavaScript代码规范检查工具。它可以帮助开发者在编写代码时自动检测并修复常见的代码错误和不规范写法。 2. Prettier: Prettier是一款代码格式化工具,它可以自动格式化你的代码,使其符合统一的代码风格。你可以使用Prettier来统一你的代码缩进、换行、引号等风格。 3. Stylelint: Stylelint是一款用于检测CSS和预处理器(如Sass和Less)的代码规范的工具。它可以帮助你检查CSS代码中的错误、不规范写法和潜在的问题。 4. TSLint: TSLint是一款专门用于检查TypeScript代码规范的工具。它可以帮助开发者在编写TypeScript代码时自动检查并修复常见的代码错误和不规范写法。 5. HTMLHint: HTMLHint是一款用于检查HTML代码规范的工具。它可以帮助你检查HTML代码中的错误、不规范写法和潜在的问题,如标签闭合错误、属性命名错误等。 这些插件可以根据你的需要进行安装和配置,以适应你的代码规范需求。你可以在vscode的插件市场中搜索这些插件的名称并进行安装。安装后,你可以根据插件的使用文档进行配置和使用。通过使用这些代码规范化插件,你可以提高代码的质量和可读性,减少潜在的bug和错误,同时提高协作效率。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [60 个神级 VS Code 插件!!](https://blog.csdn.net/youanyyou/article/details/126362827)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值