WebStorm stylelint 自动修复

最新推荐文章于 2022-03-29 14:12:57 发布
最新推荐文章于 2022-03-29 14:12:57 发布
阅读量2.9k 收藏
点赞数
分类专栏： Web WebStorm 文章标签： WebStorm stylelint Web 前端 Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MAIMIHO/article/details/110226225
版权
Web 同时被 2 个专栏收录
35 篇文章 2 订阅
订阅专栏
WebStorm
19 篇文章 0 订阅
订阅专栏

WebStorm stylelint 自动修复

先配置 stylelint

File | Settings | Languages & Frameworks | Style Sheets | Stylelint

配置 External Tools

全局安装 stylelint

npm i stylelint -g

File | Settings | Tools | External Tools

添加下图配置

C:\Users\XXX\AppData\Roaming\npm\stylelint.cmd
$FileName$ --fix
$FileDir$

设置快捷键

File | Settings | Keymap | External Tools | External Tools

如图

MAIMIHO
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webstorm设置sdfdgfgdgfg
04-09
- **Auto-Save**：WebStorm 可以设置定时保存或者在特定操作后自动保存。在`Settings/Preferences` -> `General` 下可以找到相关设置。 - **Inspections**：通过`Settings/Preferences` -> `Editor` -> `...
webstorm配置支持nodejs并自动补全的方法
10-18
今天小编就为大家分享一篇webstorm配置支持nodejs并自动补全的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
AtndPro项目WebStorm配置stylelInt--AutoFix
a986436517的博客
07-19 1129
问题背景 项目是用的AntdPro的框架，自带stylelint,每次写完样式后都会检查样式的顺序结构，不对开发工具做配置需要自己手动调整样式顺序，劳神耗时。 开始配置 1.全局安装stylelint npm i stylelint -g 2.配置WebStorm 打开settings找到File Watchers 点击右上的+号 选择 custom 3.具体配置 参数解释： Name:自己取一个就可以了。 File Type:选择要校验的文件类型. Scope:需要校验的文件范围 Program:
WebStorm 配置 stylelint
MAIMIHO的博客
11-27 4208
WebStorm 配置 stylelint 安装 npm i -D stylelint stylelint-config-prettier stylelint-config-recess-order stylelint-config-standard stylelint-order stylelint-scss 根目录创建 .stylelintrc.js 内容 module.exports = { extends: [ "stylelint-config-standard", "styl
关于webstorm-----eslint一键自动修复所有错误
热门推荐
qq_43906101的博客
03-07 1万+
刚上手VUE，eslint的严格样式有点不适应，严重影响开发效率。现在发现webstrom有一个自动修改格式的功能。具体操作步骤如下 1.安装部分自行度娘，保存文件后发现一堆bug,其中包括script各种空格排版等格式问题 2.如何解决？ 以下步骤（File > setting > 搜索eslint > 点击 eslint ） 3.勾选 Enable 4.勾选Con...
WebStorm 删除项目
qq_43637809的博客
05-16 1981
WebStorm 删除项目 操作方法： 使用 ctrl + alt + s 或直接点击 File — sttings 找到 Directories 看到如下画面，点击右侧项目旁边的 X 然后点击 YES 一定要点击 OK！！（重要的事情说三遍） 6.回到界面， 右击项目，找到 Delete 并点击，就搞定了 ...
webstorm2021.3
最新发布
06-14
3. **ESLint集成**：作为流行的JavaScript代码质量工具，ESLint在WebStorm中的集成更加紧密，可能会有新的配置选项和更智能的错误修复建议，以确保代码风格的一致性和可读性。 4. **Vue.js和React支持**：对于前端...
webstorm中px转rem插件
09-28
webstorm中px转rem插件 使用说明： 1.file-settings-plugins-install plugin from disk-选择生成的jar文件-restart webstorm 2.tools-SetPX2REM设置计算的比值-选中代码段，如'100px'-后，点击shift+f 3.设置界面和...
webstorm浅绿色护眼主题
01-13
浅绿色的护眼主题
编辑器20180413
weixin_39621570的博客
04-19 340
1.解决webStorm删除文件时弹框的“确定”点击无效这是因为有地方引用了该文件，你选择“安全删除（搜索被使用）”，webStorm就回去查找该文件有没有被引用，有引用就不能被删除，所以应先看看那里被引用了，再把√去掉，即可...
vue-cli4中Stylelint配置
cry
11-15 1446
文章目录安装配置StylelintWebstorm中stylelint自动修复设置快捷键 安装配置Stylelint npm i stylelint stylelint-config-standard stylelint-order stylelint-config-rational-order stylelint-declaration-block-no-ignored-properties -D package.json "stylelint": "^13.8.0", "stylelint-confi
vue3+stylelint 检查错误和自动修复 开发工具webstorm
h5433的博客
03-29 9782
vue3+stylelint 检查错误和自动修复 开发工具webstorm安装stylelint设置开发工具在根目录添加stylelint.config.jsstlylelintl 检查效果设置快快捷键自动修复修改效果 安装stylelint 为了让stylelint能够去兼容vue3，这里需要下载比较多的东西 代码片 npm i stylelint stylelint-config-html stylelint-config-recommended-scss stylelint-config-rec
IDEA技巧（一）idea自动清除无效import引用
JonWu0102的博客
07-12 8146
 
WebStorm设置eslint自动修复代码功能
CF西西的专栏
12-16 2534
原理很简单，利用插件监听文件发现不合规范的自动更新即可。 有两步 1、打开webstorm，在Preferences中点选plugins，检查FileWatchers是否已经安装 2、再次去到Preferences，在Preferences中点选Tools，找到FileWatchers项，增加一个监听的任务。 按如下配置项进行配置： File type: Any (or JavaS...
【一条指令解决】WebStorm中自动修复ESLint所有错误
IT菜鸟
06-22 6124
一、配置运行命令 添加【"lint-fix":"eslint --fix --ext .js,.vue src"】，运行npm run lint-fix便可以格式化所有的代码 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "st...
Stylelint 接入说明
mjzhang1993的博客
02-23 1812
Stylelint 接入说明 前因 为什么要使用 Stylelint stylelint 用来检查样式文件 css less sass 等是否符合规范, css 不能算作严格意义的编程语言，它是以描述为主的样式表，如果描述的混乱，没有规则，对于开源项目的协作者来讲，一定是一个定时炸弹。 Styleint 官网 预期使用节点 开发时通过 vscode Stylelint 插件触发，并借助 vscode 等代码编辑器报错提示 commit 提交时, 通过 husky 触发 lint-staged 然后
webstrom的stylelint配置(自动调整css顺序)
小知的博客
03-27 1716
IDE 保存时自动 stylelint fix，无需额外的 csscomb 插件及配置 可通过 npm config get prefix 查看 npm 安装目录 IDE Stylelint fix on save 配置： npm i stylelint -g IDE 配置（Settings - Tools - File Watchers - +） C:\Users\Administrator...
web学习笔记06-stylelint初探
点柈
01-12 1690
最近呢，公司在准备新项目的开发，前期开始准备很多将来用到的东西，前两天刚在研究vue.js,有空补上一篇文章讲讲我在vue.js里面的小感想，今天开始研究新的stylelint，一个用来标准化css和scss代码的工具吧算是。这篇文章也基本上算是一个引导式的，没有研究的很深，在将来的应用过程中，遇到些什么有意思的事情，以后也会补上来，这篇呢就暂且只是对stylelint进行一个简单的介绍，和简单的应
webstorm插件自动补全
08-19
WebStorm 默认提供了很多自动补全的功能，包括代码提示、智能补全和自动导入等。此外，你还可以通过安装插件来增强自动补全的功能。以下是一些用于自动补全的插件： 1. Emmet：提供了强大的 HTML 和 CSS 代码缩写功能，可以通过简单的语法快速生成代码片段。 2. AngularJS/ReactJS/Vue.js 插件：这些插件为相应的前端框架提供了代码提示和自动补全功能，可以大大提高开发效率。 3. TypeScript 插件：为 TypeScript 提供代码提示和自动补全功能，包括类型检查、接口提示等。 4. Codota：这个插件可以根据上下文和最佳实践来推荐代码片段，帮助你更快地编写代码。 5. IntelliSense for CSS class names：这个插件可以根据 CSS 类名来进行智能补全，提供了更方便的选择和输入。 这些插件可以在 WebStorm 插件市场中找到并安装。安装后，它们将增强 WebStorm 的自动补全功能，提供更好的开发体验。你可以根据自己的需求选择适合的插件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值