vscode-lint - 解放你少许的生产力

176 阅读2分钟

项目链接奉上,萌新初投稿,求轻点喷😄

痛点

你是否也有以下的烦恼? 😤

  • 每个项目都得安装一大堆 eslint 相关的 npm 包?
  • 每次都要复制粘贴一大堆相关的配置文件?还容易出错?
  • 不同的项目还得用不同的配置,一圈下来头都大了?

这个时候,该轮到 vscode-lint 闪亮登场了~😎

介绍

vscode-lint 默认启用以下全家桶 😇:

  • eslint - 采用 airbnb 规范
  • prettier - 自用规范
  • stylelint - css 属性排序,告别强迫症

当然,所有的配置都是 可选 的,可以根据你的喜好打开或者关闭 😇

vscode-lint 通过脚手架运行命令的方式,可以在你的项目根目录中生成一个工作区配置,此配置会将所有引用指向 vscode-lint 全局安装的位置,并且优先级高于全局配置

vscode-lint内置了 8 种常见的项目类型配置,你只需要按上下键选择对应技术栈配置即可 这意味着你无需在项目中安装 任何 代码规范相关的 npm 包,也无需编写 任何 其相关的配置文件,即可让以上全家桶在你的项目中生效,一个字,爽 😎~

如何使用

注意,此项目需要相应 vscode 插件支持才能生效,右下角点击安装全部推荐扩展即可。如果右下角没有弹窗提示,请查看生成后的 extensions.json 中的内容,安装相应插件即可

// 全局安装
npm i -g @kikyou/vscode-lint

// 初始化
vscode-lint i

// 进入你想生成配置的项目根目录
cd your/project/path

// 选择你想要的配置
vscode-lint g

// 现在,你的项目中全家桶应该生效了 🤗

FAQ

  • 我不想使用 stylelint 该怎么关闭?

    很简单,把生成的配置文件中涉及到 stylelint 的行注释掉即可