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

1.VSCode下载

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

2.VSCode汉化

VSCode常用知识小结

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

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

      3.7 GitLens(方便查看git日志)

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

      3.12 Markdown Preview Enhanced(实时预览markdown)

VSCode常用知识小结

      3.13 markdownlint(markdown语法纠错)

VSCode常用知识小结

      3.14 Material Icon Theme(vscode图标主题)

VSCode常用知识小结

      3.15 Icon fonts(图标字体)

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

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

VSCode常用知识小结

      3.21 npm Intellisense(require 时的包提示)

VSCode常用知识小结

4.VSCode快捷键 

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

VSCode常用知识小结

      4.2 基础编辑

VSCode常用知识小结

      4.3 导航

VSCode常用知识小结

      4.4 搜索和替换

VSCode常用知识小结

      4.5 多光标和选择

VSCode常用知识小结

      4.6 语言编辑

VSCode常用知识小结

      4.7 编辑器管理

VSCode常用知识小结

      4.8 文件管理

VSCode常用知识小结

      4.9 显示

VSCode常用知识小结

      4.10 调试

VSCode常用知识小结

      4.11 集成终端

VSCode常用知识小结

广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!