1. 简介
WebStorm是一款由JetBrains公司开发的专业级集成开发环境（IDE），主要面向Web和JavaScript开发人员。在WebStorm中开启代码补全功能可以提高开发效率，减少出错的可能性。下面将介绍在WebStorm中如何开启代码补全功能。
2. 开启自动代码补全
2.1 在编辑器中开启自动代码补全
WebStorm默认情况下会开启自动代码补全功能，如果没有开启，可以通过以下步骤开启：
1. 打开WebStorm。
2. 点击“File”>“Settings”。
3. 在“Settings”窗口中，展开“Editor”>“General”>“Code Completion”子菜单。
4. 确认“Autopopup (ms)”选项中的值为600，这表示自动代码补全弹出框在输入代码后600毫秒后自动出现。
5. 确认“Autopopup on code completion”选项中的值为“Always”或者“Smart”，这表示自动补全弹出框是否在输入时就自动出现，或者只在一些特定的情况下自动出现。
6. 点击“OK”保存设置。
2.2 开启智能代码补全
除了自动代码补全，WebStorm还提供了智能代码补全功能，它不仅可以根据当前输入的字符来实时补全代码，还可以提供更加智能的代码补全建议。要开启智能代码补全，可以执行以下步骤：
1. 打开WebStorm。
2. 点击“File”>“Settings”。
3. 在“Settings”窗口中，展开“Editor”>“General”>“Code Completion”子菜单。
4. 确认“Autopopup (ms)”选项中的值为600，这表示自动代码补全弹出框在输入代码后600毫秒后自动出现。
5. 确认“Autopopup on code completion”选项中的值为“Always”或者“Smart”，这表示自动补全弹出框是否在输入时就自动出现，或者只在一些特定的情况下自动出现。
6. 在“Editor”>“General”>“Code Completion”子菜单中，确认“Insert selected variant by typing dot, space, etc.”选项是否已经被勾选，如果没有勾选，就勾选它。
7. 点击“OK”保存设置。
2.3 开启手动代码补全
除了自动和智能代码补全，WebStorm还提供了手动代码补全功能，它可以帮助用户更快速地编写代码，节省时间。要开启手动代码补全，可以执行以下步骤：
1. 在编辑器中输入代码关键字或者方法名等。
2. 按下“Ctrl+空格”，或者“Cmd+空格”（Mac）。
3. 选择想要使用的自动补全列表项。
4. 按下“Enter”键完成代码补全。
3. 开启其他代码补全设置
3.1 实时更新代码
WebStorm默认情况下不会实时更新代码，用户需要手动刷新代码才会看到更改后的效果。要开启实时更新代码，可以执行以下步骤：
1. 打开WebStorm。
2. 点击“File”>“Settings”。
3. 在“Settings”窗口中，展开“Build, Execution, Deployment”>“Debugger”>“JavaScript”子菜单。
4. 确认“Live edit”选项已经被勾选，这表示开启实时更新代码功能。
5. 点击“OK”保存设置。
3.2 配置代码补全快捷键
默认情况下，WebStorm的代码补全快捷键为“Ctrl+空格”，或者“Cmd+空格”（Mac），用户可以根据自己的使用习惯进行修改。要配置代码补全快捷键，可以执行以下步骤：
1. 打开WebStorm。
2. 点击“File”>“Settings”。
3. 在“Settings”窗口中，展开“Keymap”子菜单。
4. 在菜单中找到“Code”>“Completion”选项，右键点击该选项。
5. 选择“Add Keyboard Shortcut”。
6. 按下想要设置的快捷键，例如“Ctrl+Alt+空格”。
7. 点击“OK”保存设置。
4. 总结
在WebStorm中开启代码补全功能可以帮助用户更快速地编写代码，节省时间。WebStorm提供了多种代码补全功能，包括自动、智能和手动代码补全。用户还可以根据自己的使用习惯，开启一些其他的代码补全设置，例如实时更新代码和配置代码补全快捷键等。