コード整形ã§å›°ã£ãŸæ”¹è¡Œä½ç½® Prettierã‹ã‚‰Beautifyã«å¤‰æ›´ã—ãŸãŠè©±ã€VS Code】※2021.5.23 settings.jsonã«è¨å®šã‚’è¿½åŠ ã—ãŸãŸã‚åŠ ç†ãƒ»ä¿®æ£ã—ã¾ã—ãŸã€‚内容ã¯htmlã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§è¡Œã®æ–‡å—数制é™ã‚’ç„¡ãã™è¨˜è¿°ã‚’追記ã—ãŸã“ã¨ã§ã™ã€‚ コーディングã®ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã«VS Codeを使ã£ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã§ã™ã。ç§ã‚‚元々Atomã ã£ãŸã¨ã“ã‚ã‹ã‚‰ä¹—ã‚Šæ›ãˆã¾ã—ãŸã€‚コードã®è‡ªå‹•æ•´å½¢ã¯åŠ¹çŽ‡åŒ–ã«å¿…é ˆã§å®šç•ªã®Prettierã‚’è¿½åŠ ã—ã¦ãƒ©ã‚¯ãƒ©ã‚¯ã€œï¼ã£ã¨ãªã£ã¦ã„ãŸã®ã§ã™ãŒã€1ã¤ã ã‘â€¦ï¼ ã€Œãã‚“ãªæ‰€ã§æ”¹è¡Œã™ã‚‹ï¼ï¼Ÿã€ã£ã¦ã„ã†å›°ã£ãŸçŠ¶æ³ãŒå¤šã€…ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ çµè«–ã¨ã—ã¦ç§ã¯ã‚³ãƒ¼ãƒ‰ã®è‡ªå‹•æ•´å½¢ã‚’Prettierã‹ã‚‰Beautifyã«å¤‰æ›´ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ åŒã˜ã‚ˆã†ã«å›°ã£ã¦ã„ã‚‹æ–¹ã®å‚考ã®ã²ã¨ã¤ã«ãªã‚Œã°ã¨æ€ã„ã€ã‚³ãƒ¼ãƒ‰ã®è‡ªå‹•æ•´å½¢ã‚’Prettierã‹ã‚‰Beautifyã«å¤‰æ›´ã—ãŸæµã‚Œã‚’紹介ã—ã¾ã™ã€‚ Prettierã®é›£ç‚¹ Prettierを有効ã«ã—ã¦HTMLã«ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ä¿å˜ã™ã‚‹ã¨ã€ä¸‹è¨˜ã®ã‚ˆã†ã«æ•´å½¢ã•
Visual Studio Code ã«é–¢ã™ã‚‹ãƒ¡ãƒ¢
{{#tags}}- {{label}}
{{/tags}}