一、WebStorm自动换行快捷键
WebStorm的自动换行快捷键是Ctrl+Shift+J，该快捷键可以将选定的一段代码按照最大可见长度进行自动换行。如果没有选中代码，则该快捷键会作用于光标所在行。
function add(a, b) {
let result = a + b;
return result;
}
在上述代码中，如果我们使用Ctrl+Shift+J进行自动换行，那么将会得到：
function add(a, b) {
let result = a + b;
return result;
}
可以看到，该快捷键将会根据可见长度自动将代码进行换行，从而使得代码更加清晰易读。
二、WebStorm无自动提示代码
有时候，我们会发现WebStorm并不会自动提示代码，这时候我们需要进行一些设置。
首先，我们需要到Settings->Editor->General->Code Completion这个路径下，将Autopopup code completion选项的值设置为1000ms。然后我们需要到Settings->Editor->General->Code Folding这个路径下，将Method declaration和imports前的空格选项勾选上，这样WebStorm就会在代码补全和代码折叠方面表现更佳了。
三、WebStorm自动换行不生效
有时候，我们会发现WebStorm的自动换行快捷键不生效，这时候我们需要查看一下是否进行了相关设置。
首先，我们需要到Settings->Editor->Code Style->HTML这个路径下，将Other选项卡中的Wrap attributes选项勾选上。然后我们需要到Settings->Editor->Code Style->JSON这个路径下，将Other选项卡中的Wrap on typing选项勾选上。
如果还是无法生效，则可以考虑到Settings->Editor->General->Soft Wraps这个路径下，将Use soft wraps in editor选项勾选上。
四、WebStorm怎么运行
WebStorm提供了两种运行代码的方式，一种是使用快捷键Ctrl+Shift+F10，另一种是通过Run菜单进行运行。
在运行代码之前，我们需要确保代码片段被存储在项目文件夹中，否则将无法进行运行操作。
五、WebStorm自动化用例
WebStorm提供了自动化测试功能，可以通过创建用例来自动执行测试。具体操作如下：
1.在WebStorm中创建JavaScript文件
2.在文件中编写测试用例
describe('测试用例名', function () {
it('测试用例详情', function () {
expect(1+1).toEqual(2);
});
});
3.在WebStorm中运行测试用例
如果想要获得描述性更强的测试结果，可以安装jasmine-spec-reporter插件，它可以输出更加详细的测试结果信息。
六、WebStorm自动缩进
WebStorm默认支持自动缩进，可以通过Settings->Editor->Code Style->JavaScript中的Tabs and Indentation选项卡对自动缩进进行相关设置。
如果要手动缩进代码，则可以选中代码，然后使用Tab键或者Shift+Tab键进行缩进或者反缩进操作。
七、WebStorm切换语言
WebStorm支持多种语言，如果需要切换语言，可以在Settings->Editor->Language下设置相关选项。在切换语言时，WebStorm会相应地变换代码高亮和代码提示功能。
八、WebStorm如何运行
除了使用快捷键和Run菜单运行代码，我们还可以通过Debug菜单进行代码调试。具体操作如下：
1.将代码片段以Debug模式进行运行
2.设置断点，以便重点关注代码的某些部分
3.开始执行代码片段
在代码执行过程中，我们可以根据调试器提供的相关信息进行代码分析和问题解决。
原创文章，作者：MOPA，如若转载，请注明出处：https://www.506064.com/n/133423.html
微信扫一扫 
支付宝扫一扫 