0

有没有办法在编码期间对文件中的<style>段进行 lint？.vue我设置eslint(with airbnb ruleset)+prettier了<template>和<script>部分（保存时有一些自动更正），但我不能对样式部分做任何事情。如何获得例如这个

.range-color {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 5px 5px 8px 0;
}

由此

    .range-color {
    display: inline-block;
       width: 15px;
    height: 15px;
    vertical-align: middle;

margin: 5px 5px 8px 0;
}
4

2 回答 2

1

找到了解决方案）我stylelint从这篇文章中使用，没有“处理器”（已弃用）。添加stylelint并stylelint-config-standard打包到您的项目中（您可以使用yarn代替npm）：

npm i --save-dev stylelint stylelint-config-standard

.stylelintrc在主目录中创建，内容如下：

{
 "extends": "stylelint-config-standard"
}

为了将一些文件忽略列表创建.stylelintignor并添加它们（语法相同.gitignor）

因此，Stylelint 将 lint 和修复（取决于编辑器设置）.css文件和文件<style>分段.vue。

于 2020-01-10T11:53:14.117 回答
0

您是否尝试过Prettier扩展 Visual Studio Code？

于 2020-01-09T10:54:24.650 回答