一、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.开始执行代码片段
在代码执行过程中,我们可以根据调试器提供的相关信息进行代码分析和问题解决。