WebStorm stylelint 自动修复

最新推荐文章于 2022-03-29 14:12:57 发布
最新推荐文章于 2022-03-29 14:12:57 发布
阅读量3k 收藏
点赞数
分类专栏： 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
关注
专栏目录
stylelint安装
qq_34752068的博客
06-01 832
如果希望在保存时自动 fix， 参考这里https://blog.csdn.net/gyz718/article/details/70556188。还想知道更多为什么可以参考：https://blog.csdn.net/qq_36060786/article/details/79311244。“wrap_attributes”: “force-aligned”, // 第一个属性后开始折行，并对齐。更多语法规则请参考：https://stylelint.io/user-guide/usage/cli。
WebStorm使用相关
pan-zy的专栏
07-02 467
常用快捷键 书签添加/删除: F11 查看所有书签: Shift + F11 删除行 Ctrl+X 复制行 Ctrl+D 格式化代码: ctrl+alt+L 查找类 Ctrl+N 查找文件 Ctrl+Shift+N 从多个文件查找，可以自定义查找范围 Ctrl+Shift+F 查找函数或变量在哪被使用 Alt+F7 类，文件，配置项，快捷键，函数，路径等等都能搜索 Shift+Shift 展开/折叠 ctrl+shift+ +/- 折叠选中的代码的代码 ctrl + ‘.’ 行移动,上下移动句子 ctrl
AtndPro项目WebStorm配置stylelInt--AutoFix
a986436517的博客
07-19 1163
问题背景 项目是用的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 4334
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 2090
WebStorm 删除项目 操作方法： 使用 ctrl + alt + s 或直接点击 File — sttings 找到 Directories 看到如下画面，点击右侧项目旁边的 X 然后点击 YES 一定要点击 OK！！（重要的事情说三遍） 6.回到界面， 右击项目，找到 Delete 并点击，就搞定了 ...
如何检查和修复Vue组件中的SCSS语法错误？
09-08
- 对于可自动修复的错误，ESLint和StyleLint提供了自动修复命令。例如，使用以下命令可以自动修复可修复的JavaScript和SCSS错误： ```bash npx eslint --fix src npx stylelint --fix --allow-empty-input 'src/...
关闭eslint检查2020_2020最新编辑器集成eslint、prettier、stylelint，git提交预检查代码配置...
weixin_34221892的博客
01-17 856
webstorm编辑器自动格式化配置：pluginwebstorm设置搜eslintr、eslint、stylelint，如果没有，搜plugin，安装prettier、eslint、stylelintFile watchs设置里搜File watchs，增加prettier,打钩开启自动格式化，则会在保存时自动格式化。VS code安装 "ESLint" 以及 "Prettier - Code ...
VsCode 配置Eslint格式化代码（vue）
wozhenhaokan的博客
10-21 5746
从webstorm转战到VsCode第一天，简洁！ 然后开始在网上找配置，vue配置eslint的相关文章很多，经过尝试，百度第一页内容都对我的VsCode不生效，很苦恼，怎么办，继续找，功夫不负有心人，当我把那段有灵性的代码复制到setting中时，我就觉的我要成功了。下面我把vue中如何使用eslint并自动修复错误贴出来 1，下载eslint和vetur 2，打开（文件 ...
解决Stylelint --fix后会把vue文件中css以外的部分删除掉
Rachel的博客
08-21 2792
问题：–fix自动修复会把Vue文件中所有内容都移除掉,只剩css代码 解决方案：移除配置中的processors项 原因: 网上一些过时的教程包括 github 上的讨论都推荐使用 stylelint-processor-html 或者 @mapbox/stylelint-processor-arbitrary-tags 来解析 html 或 vue 中的 css ，这本身并没有什么问题，但是这...
No configuration provided for */src/App.vue
weixin_46364251的博客
08-19 5453
项目中缺少.stylelintrc.js文件及配置 module.exports = { extends: 'stylelint-config-standard', rules: { // 颜色值小写 'color-hex-case': 'lower', // 注释前无须空行 'comment-empty-line-before': 'never', // 使用数字或命名的 (可能的情况下) font-weigh
编辑器20180413
weixin_39621570的博客
04-19 377
1.解决webStorm删除文件时弹框的“确定”点击无效这是因为有地方引用了该文件，你选择“安全删除（搜索被使用）”，webStorm就回去查找该文件有没有被引用，有引用就不能被删除，所以应先看看那里被引用了，再把√去掉，即可...
vue-cli4中Stylelint配置
cry
11-15 1563
文章目录安装配置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 9884
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 8207
 
WebStorm设置eslint自动修复代码功能
CF西西的专栏
12-16 2595
原理很简单，利用插件监听文件发现不合规范的自动更新即可。 有两步 1、打开webstorm，在Preferences中点选plugins，检查FileWatchers是否已经安装 2、再次去到Preferences，在Preferences中点选Tools，找到FileWatchers项，增加一个监听的任务。 按如下配置项进行配置： File type: Any (or JavaS...
【一条指令解决】WebStorm中自动修复ESLint所有错误
IT菜鸟
06-22 6194
一、配置运行命令 添加【"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 1854
Stylelint 接入说明 前因 为什么要使用 Stylelint stylelint 用来检查样式文件 css less sass 等是否符合规范, css 不能算作严格意义的编程语言，它是以描述为主的样式表，如果描述的混乱，没有规则，对于开源项目的协作者来讲，一定是一个定时炸弹。 Styleint 官网 预期使用节点 开发时通过 vscode Stylelint 插件触发，并借助 vscode 等代码编辑器报错提示 commit 提交时, 通过 husky 触发 lint-staged 然后
webstorm关闭自动保存
最新发布
10-31
WebStorm是一款强大的JavaScript IDE，它默认会有一个“自动保存”功能，可以帮助用户防止因意外断电或其他原因导致的工作丢失。如果你想关闭这个功能，可以按照以下步骤操作： 1. 打开WebStorm菜单栏，找到并点击...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值