WebStrom去除Ctrl+/注释代码多余的空格
问题
在使用WebStorm写html文档时，经常比较烦恼的是用快捷键Ctrl+/添加注释时，注释的<--会被WebStorm放在一行的最开头，然后中间是一堆空格，严重影响了美观和代码的结构。举个例子来说：
期望中的注释格式：
1<body>
2 <!-- 下面是一个div标签 -->
3 <div>
4 <!-- 下面是一个段落 -->
5 <p>
6 useful comment
7 </p>
8 </div>
9</body>
实际自动生成的注释格式：
1<body>
2<!-- 下面是一个div标签 -->
3 <div>
4<!-- 下面是一个段落 -->
5 <p>
6 useful comment
7 </p>
8 </div>
9</body>
那么怎么去设置一下呢？
解决
打开settings–>Editor–>Code Style–>Html，然后在右侧找到Code Generation 选项卡，取消勾选Line comment at first column和Block comment at first column，如下图所示。
然后可以使用windows下的Ctrl+Alt+l快捷键格式化一下文档。
以后再注释的时候就好看多了！