@programingBeginnerposted at 2022-02-13

stylintをApp.vueに効かせたい

Q&A

Vue.js stylint

解決したいこと

こんにちは、初めて質問させていただきます。
App.vueファイルの　＜style lang="stylus"＞を、stylintで構文チェックしたいです。
よろしくお願いします。

発生している問題・エラー

ターミナルで npm run stylus-lint をすると

＞ (プロジェクト名)@0.1.0 stylus-lint C:\Users(ユーザー名)(プロジェクト名)
＞ stylint

./node modules/stylus/lib/functions/index.styl
7:7 parenspace warning ( param1, param2 ) is preferred over (param1,param2)
.
.
.
Stylint: 0 Errors.
Stylint: 135 Warnings.

と出るだけでApp.vueの構文チェックはしてくれません。
これをApp.vueにも効かせられるようにしたいです。

ディレクトリ構成

root/
├ node_modules/
├ src/
│ └ App.vue
├ .stylintrc
└ package.json

該当するソースコード

package.jsonのscripts

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "vue-lint": "vue-cli-service lint",
    "stylus-lint": "stylint"
  },

　.stylintrc

{
    "colons": "never",
    "extendPref": "@extends",
    "globalDupe": "true",
    "none": false,
    "parenSpace": "always",
    "quotePref": "double",
    "sortOrder": "grouped"
}

　App.vueの＜style　lang="stylus"＞

* {　　　//　中かっこがあるのに警告してくれない。
  margin 0;
  padding 0;
}

自分で試したこと

package.jsonのscriptsを "stylus-lint": "stylint src/App.vue" に変更すると、ターミナルに
＞ (プロジェクト名)@0.1.0 stylus-lint C:\Users(ユーザー名)(プロジェクト名)
＞ stylint src/App.vue
という風に表示されるだけでした。
また、vscodeを使っているのですが、ワークスペースの設定のVetur>Validation:Styleのチェックを外してvscodeを再起動させてみたりしたのですが変化はありませんでした。

Are you sure you want to delete the question?