vscode基本使用

前言： 现在使用Vscode编码的人越来越多，凭借着免费，开源，轻量，跨平台的特点收货了一大批忠实粉丝；
下载：https://code.visualstudio.com/
本人常用快捷键：

F1 ----- 打开可以输入命令
F2 -----重命名变量
F5 -----运行和调试代码
ctrl+g -----会让你输入数字，快速定位到指定行
crtl+f -----查找
ctrl+shift+n -----多开一个 vscode 编辑器
ctrl+b -----开关侧边栏
ctrl+r -----打开最近文件
ctrl+` -----终端
ctrl+tab -----切换文件
ctrl+p -----快速打开文件
ctrl+[ -----左移代码
ctrl+] -----右移代码
ctrl+/ -----行注释
ctrl+t -----匹配文本来打开文件
ctrl+shift+t -----重新打开关闭的文件
ctrl+shift+home/end -----选择光标左侧/右侧全部内容
ctrl+backspace -----删除上一个词
ctrl+delete -----删除光标右侧的词
ctrl+左/右 ----- 跳到上/下一个词
ctrl+shift+左/右 -----逐个选词
ctrl+d -----选中当前词语
alt+左/右箭头 -----切换文件
alt+shift+上/下箭头 向上/下 -----复制行

本人常用插件：

1、 Auto Rename Tag ：重命名标签名字，更改标签的时候；
2、CSS Formatter：格式化css；
3、Local History：历史记录；.history文件夹下；
4、open in browser：在浏览器打开；
5、Path Intellisense：补全文件名；
6.、Vetur：vue插件工具（语法高亮、片段、Emmet、整理/错误检查、格式化、自动完成、调试）；
7、Vue VSCode Snippets：vue片段；
8、Beautify：代码美化；
9、Class autocomplete for HTML：class名字补全；
10、cssrem：px转化rem；
11、Debugger for Chrome：在Chrome中运行代码，使用vscode进行调试。
12、HTML Snippets：html代码片段（包括h5）；
13、npm Intellisense：npm提示；
14、React Native Tools：react调试工具；
15、React Code Snippets：react代码片段；
16、Search node_modules：搜索node_modules
17、JavaScript (ES6) code snippets：es6js语法片段；
18、JavaScript Snippet Pack：js代码片段；
19、jQuery Code Snippets：jq代码片段；
20、Node.js Modules Intellisense：导入nodejs模块名字；
21、Node.js Extension Pack：nodejs扩展包；
22、Auto Close Tag：自动闭合html；
23、Bracket Pair Colorizer：给括号加上不同的颜色，区分不同的区块
24、Nomo Dark Icon Theme（个人喜爱）：文件图标主题；
25、HTML CSS Support：智能提示css类名和id；
26、React/Redux/react-router Snippets：react语法提示；
27、Sass：sass支持
28、React Native Tools：React Native 语法支持
29、Live Server 为静态和动态页面启动具有实时重新加载功能的开发本地服务器