在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。
一.快捷键
1、搜索文件:Ctrl + P
2、打开一个新窗口: Ctrl + Shift + N
3、代码行缩进:Ctrl + [ 、 Ctrl + ]
4、代码格式化: Shift + Alt + F
5、移动到文件结尾: Ctrl + End
6、移动到文件开头: Ctrl + Home
7、回退上一个光标操作: Ctrl + U
8、查找替换:Ctrl + H
9、整个文件夹中查找:Ctrl + Shift + F
10、删除行:Ctrl + Shift + K
11、设置大小写转换:https://blog.csdn.net/weixin_39910802/article/details/89281221
二.高效开发插件
- 用浏览器预览运行html文件:view in browser
"view-in-browser.customBrowser": "chrome"
- 代码检查工具:ESLint
"eslint.autoFixOnSave": true
- 代码美化:Beautify
- 必备调试工具:Debugger for Chrome
- CSS 类名智能提示:IntelliSense for CSS class names in HTML
- 备忘插件:TODO Highlight
- .vue文件语法检查/高亮/代码自动补全:Vetur
- 集成SVN:TortoiseSVN
三.疑难杂症
1、解决vs Code打开新的文件会覆盖窗口中的原文件
配置settings.json里加一条:
"workbench.editor.enablePreview": false
2、实现网页自动刷新(保存时)