LoginSignup
6
3

More than 5 years have passed since last update.

@hokkun_dayo(Hokuto Kagaya)

Vue.js の単一ファイルコンポーネントを IntelliJ IDEA 等の JetBrains IDE で書くときの <script> / <style> タグのオートインデントをオフにする方法

Last updated at Posted at 2019-02-14

何をしたいか

Code formatter として prettier を利用する場合、Vue の単一ファイルコンポーネントの <script> <style> タグの後はインデントしないのがお作法っぽいが、IntelliJ で書いているとオートフォーマットされちゃう。困る。

どうやるのか

Preference -> Editor -> Code Style -> HTML -> Other にある Do not indent children of: に <script> <style> タグを入れる。

スクリーンショット 2019-02-14 11.18.25.png

所感

こんな感じで自動で補完・インデントしてくれるのいいんだけど、IDE固有じゃない設定とコンフリクトするの未だにちょこちょこあるのでもう少しなんとかなるといいな。

6
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
6
3