Vue開発してて、これは便利だなって裏技がたくさんあるんですが、すぐ忘れてしまい毎回ググらないで済むよう、自分用のメモのつもりでまとめておきます。他にもこんなんあるで!ってのあればぜひ教えてくださいね。 (ps. Vue3 x CompositionAPI x TypeScript に移行したので、内容を書き換え中。) 環境構築、基本設定 Pug の Code Folding を有効にする (VSCode) デフォルトの設定では、.vueファイル上でPugのインデントBlockをFoldできず不便。 setting.jsonに以下を追加するとFoldできるようになります。
![Vue3 便利帳(随時更新) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/300559ded65a6cdb0f1167b368644d6df5bf08c1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VnVlMyUyMCVFNCVCRSVCRiVFNSU4OCVBOSVFNSVCOCVCMyVFRiVCQyU4OCVFOSU5QSU4RiVFNiU5OSU4MiVFNiU5QiVCNCVFNiU5NiVCMCVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NzIyY2VmM2I1MDU2NTg2MjJjZTIyZTgzYzVjMjJiY2Y%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBndXJpZ3VyaWNvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03MWI2ZmZhMThmZTgxODBmNGQ2NTI2NTMwMjIyYTc1OA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D2c2e316e8f3f8ca9965af6ba24447767)