前端编辑器工具（VSCode）

在前端开发中，有一个非常好用的工具，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、实现网页自动刷新(保存时)

（1）启动livereload  server。

（2）Google浏览器扩展程序livereload。

注意：解决Chrome插件安装时出现程序包无效:"CRX_HEADER_INVALID"的问题。