前言: 现在使用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 为静态和动态页面启动具有实时重新加载功能的开发本地服务器