背景

现在网上配置教程都不是 stylelint14 版本的，导致网友参考之后默认安装了最新的版本，然后出现了各种奇怪的问题。

安装的 stylelint 和 VSCode Stylelint 插件版本太新， stylelint v14 及以上版本不兼容 vue3 。

解决办法1（推荐）

  1. 把之前的 stylelint 相关插件都卸载掉。
  2. 执行 npm install --save-dev postcss-scss postcss-html stylelint-config-recommended-vue stylelint-config-standard-scss stylelint 安装包。
  3. 配置刚才安装的包，可参考我下面的配置文件 stylelint.config.js ，我还安装配置了 stylelint-config-recess-order 用于自动排序 CSS 如你不需要可忽略这个： 
module.exports = {
  extends: [
    "stylelint-config-standard-scss",
    "stylelint-config-recommended-vue/scss",
    "stylelint-config-recess-order"

  1. 如果你用的是 VSCode 编辑器则需要在配置文件 setting.json 加上
 

// stylelint 需要检查的文件
"stylelint.validate": [
  "css",
  "less",
  "postcss",
  "scss",
  "vue",
  "sass"

参考来自官方说明 https://github.com/ota-meshi/stylelint-config-recommended-vue，https://github.com/stylelint/stylelint/blob/14.0.0/docs/migration-guide/to-14.md#syntax-option-and-automatic-inferral-of-syntax
 

解决办法2
 

将 VSCode Stylelint 插件降级，并且将 stylelint 版本降级到 v13 及以下。
# vscode # scss # vue.js
Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Vue前端项目-首页-左侧菜单栏的展开与折叠

目录1、思路2、按钮单击事件3、父组件调用 Vuex 改变侧边栏状态4、新建app模块用于管理整个应用状态5、左侧菜单栏6、隐藏样式实现效果展开效果图:合并效果图:1、思路点击按钮（展开与折叠按钮），触发左侧菜单栏的张开与折叠，需要使用一个变量（state.sidebar.opened）来控制为什么要用state.sidebar.open...

avatar View Design

JavaScript input输入数值(value)无效的原因和解决办法

会碰到这个问题一般是想×别人的网页导致的，一般来说想控制别人写的网页(或者维护一份别人的网页代码)碰到需要用JS给input或者select之类的组件赋值的时候一般会直接这样写：　　let casess=document.getElementsByClassName('xxxxx')[0];　　casess.value='50';赋值后点击有时候会报错有时候不会，一般报错的情况基本上属于这份代码用

avatar View Design

向后台接口传递FormData格式的数组对象

向后台接口传递FormData格式的数组对象在js中，new FormData()对象后，可以通过 append(name, value) 的方式往该对象中添加添加数据。然而append的值只能是字符串或者文件的格式，对于复杂的数组中包含对象的数据怎么添加呢？下面是我使用的方法：后台接口要求的入参格式：<input type="text" name="title"/><input

avatar View Design
  • 浏览量 9981
  • 收藏 0
  • 0

所有评论(0)