【工具】Visual Studio Code使用

1.view in browser 预览Html文件：

安装插件view in browser，安装后重启编辑器，在资源管理器右键文件 选择：View In Browser ,或者按ctrl + F1快捷键，在编辑区域按快捷键也能预览

参考：http://jingyan.baidu.com/article/6b18230995d481ba59e15971.html

---

如果是在vscode预览markdown类型的文件,vscode默认支持，不需要安装插件，使用快捷键ctrl+K,再按V，就会再右侧打开预览窗口

实测vscode版本：

参考：vscode 实时预览 markdown

2.打开新窗口：
CTRL+shift + N

参考：
https://zhuanlan.zhihu.com/p/22880087

---

３.打开历史文件标签页切换

Cｔｒｌ＋ｔａｂ

---

4.关闭或显示侧栏

Ctrl+B

---

5.删除光标右侧的文字

Ctrl + Delete

---

6.行往上移动

Alt+up

---

7.删除一行
（1）新版本能删除的快捷键

Ctrl+shift+k

（2）通过设定档自定义删除一行：
参考：http://www.cnblogs.com/HIMES/p/6378270.html
File -> Preferences -> Keyboard Shortcuts
修改 keybindings.json：

// Place your key bindings in this file to overwrite the defaults
[
    // ctrl+d 删除一行
    {
        "key": "ctrl+d",
        "command": "editor.action.deleteLines",
        "when": "editorTextFocus"
    }

]

8.折叠代码：

ctrl + shift + [

9.展开代码：

ctrl+shift+]

---

10.可视区域自动换行：

Visual Studio Code如何设置自动换行
http://jingyan.baidu.com/article/6f2f55a14ba6e3b5b93e6cd6.html

11.回退到上一个光标：

Ctrl + U

---

12.创建标签：
先安装插件Bookmarks

创建标签：Ctrl+Alt+K
跳转标签：Ctrl+Alt+J

常用的快捷键：
http://blog.csdn.net/dlmmu/article/details/55568329

13.注释
行注释

Ctrl + /

代码块注释

Shift + Alt + A

14.编辑器换行

（1）页面临时换行

Alt+Z

（2）全局配置
File => Preferences => Settins => Editor:Word Wrap => on

15.env文件语法高亮
我们在如vue CLI项目工程使用时，会有.env相关文件，如果能语法高亮，不仅仅可读性强，还可以使用快捷键进行一些操作，比如注释也很方便，这是你按ctrl+/就可以了，会发现行首加入了"#"

安装vs code插件：DotENV,也可搜索 ext:env

16.插件Live Server
本地文件单个html热更新,html文件变化，浏览器那边会自动更新

开启服务器：alt+L,alt+O
关闭服务器：alt+L,alt+C

17.打开cmd并在该文件夹目录

Ctrl + shift + C

18.快速到达某个函数/class/定义

ctrl+shift+O

19.Easy LESS将less文件编译为css插件
less文件在vscode中保存时马上就输出一个同名的css文件，特别方便