I have been using VS Code for a while now and I am loving it. But there is a small problem with code formatting. It does not work in handlebars ( *.hbs ) files. This option is simply unavailable while editing hbs file.

I have tried ' Beautify ' extension, but it does not work properly for handlebars - it completely destroys the code.

Any help (or explanation of what am I doing wrong) on that topic would be much appreciated.

EDIT: Same issue applies to *.scss files. Can not format those either.

---

You can click in the bottom right corner on 'Handlebars' and change the language mode to HTML. Then the 'format code' option will be shown.

---

To manually format code:

Let's say the .hbs file we're working on is a .js file.

Click the file language option (right side down)

Change the file language to .js

Click anywhere in the file

Press Shift Alt F

To automatically format code on save:

Press Ctrl , to open user preferences

Enter the following code in the opened settings file

    {
      "editor.formatOnSave": true,
      "html.format.enable": true,
      "html.format.indentHandlebars": true,
      "html.format.maxPreserveNewLines": 0
    }

Save file

Source

链接地址: http://www.djcxy.com/p/89366.html

上一篇: 在用户浏览页面后启动CSS3转换？

下一篇: 代码格式在* .hbs文件中