Vue开发与调试工具

vscode: Visual Studio Code

https://code.visualstudio.com/Download

可以下载各个版本的，Windows/ Debian /Mac 等

 

Windows版本的安装就很简单了，傻瓜式安装，

之后去https://marketplace.visualstudio.com/VSCode

下载一下可用的插件， vscode插件，比如Vetur

快捷键：

在当前行中间换行到下一行：ctrl+enter 

当光标点击到某一行时，默认选中全行，可以直接复制剪切 

直接删除某一行：shift+delete或者ctrl+shift+k 

多行光标选择：alt+鼠标左键 

自动生成html结构和meta声明：首先输入“!”，然后按tab键 

标签自动补全：tab键 

折叠所有代码：ctrl+k、ctrl+0 

拆分编辑器：ctrl+\ 查找框右边的3个参数分别为：区分大小写，全字匹配，使用正则 

跳转行号：ctrl+G 

添加函数注释：在函数上方输入“/**”，然后点击enter 

格式化：alt+shift+f 

注释：ctrl+/ 

全部保存：ctrl+k, 然后只按s一个键 

向上移动一行：alt+↑ 

向下移动一行：alt+↓ 

向上复制一行：alt+shift+↑ 

向下复制一行：alt+shift+↓ 

查找：ctrl+F 

替换：ctrl+H 

文件夹中查找：ctrl+shift+f