VSCode常用知识小结

发布时间:2022-04-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了VSCode常用知识小结脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

VSCode(Visual Studio Code)是由微软研发的一款免费、开的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具

1.VSCode下载

VSCode下载链接: https://code.visualstudio.COM/

2.VSCode汉化

在这里插入图片描述

3.VSCode常用插件(安装步骤同汉化)      

3.1 Auto Close Tag (自动闭合HTML/XML标签)

在这里插入图片描述

      3.2 Auto rename Tag (自动完成另一侧标签的同步修改)

在这里插入图片描述

      3.3 Beautify (格式化 html ,js,css)

在这里插入图片描述

      3.4 bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块)

在这里插入图片描述

      3.5 Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)

在这里插入图片描述

      3.6 ESLint(js语法纠错,可以自定义配置)

在这里插入图片描述

      3.7 GITLens(方便查看git日志)

在这里插入图片描述

      3.8 HTML CSS Support (智能提示CSS类名以及id)

在这里插入图片描述

      3.9 HTML SnipPEts(智能提示HTML标签,以及标签含义)

在这里插入图片描述

      3.10 JavaScript(ES6) code snippets(ES6语法智能提示,以及快速输入)

在这里插入图片描述

      3.11 jquery Code Snippets(jQuery代码智能提示)

在这里插入图片描述

      3.12 ;markdown Preview Enhanced(实时预览markdown)

在这里插入图片描述

      3.13 markdownlint(markdown语法纠错)

在这里插入图片描述

      3.14 MATErial Icon Theme(vscode图标主题)

在这里插入图片描述

      3.15 Icon fonts(图标字体)

在这里插入图片描述

      3.16 open in browser(右键快速在浏览器中打开html文件)

在这里插入图片描述

      3.17 Path Intellisense(自动提示文件路径)

在这里插入图片描述

      3.18 React/redux/react-router Snippets(React/Redux/react-router语法智能提示)

在这里插入图片描述

      3.19 Vetur(Vue多功能集成插件,错误提示等)

在这里插入图片描述

      3.20 Class autocomplete for HTML(智能提示HTML class =“”属性)

在这里插入图片描述

      3.21 npm Intellisense(require 时的包提示)

在这里插入图片描述

4.VSCode快捷键 

     4.1 左侧是按键,右侧是功能(下同)

在这里插入图片描述

      4.2 基础编辑

在这里插入图片描述

      4.3 导航

在这里插入图片描述

      4.4 搜索和替换

在这里插入图片描述

      4.5 多光标和选择

在这里插入图片描述

      4.6 语言编辑

在这里插入图片描述

      4.7 编辑器管理

在这里插入图片描述

      4.8 文件管理

在这里插入图片描述

      4.9 显示

在这里插入图片描述

      4.10 调试

在这里插入图片描述

      4.11 集成终端

在这里插入图片描述

到此这篇关于VSCode常用知识小结的文章就介绍到这了,更多相关VSCode小结内容请搜素脚本宝典以前的文章或下面相关文章,希望大家以后多多支持脚本宝典!

脚本宝典总结

以上是脚本宝典为你收集整理的VSCode常用知识小结全部内容,希望文章能够帮你解决VSCode常用知识小结所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:vscode汉化