首页  >  文章  >  开发工具  >  vscode快速使用教程

vscode快速使用教程

王林
王林原创
2019-12-16 11:45:4313372浏览

vscode快速使用教程

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

1、vscode汉化

bf6280d60f395ac731a4de6cd279ebf.png

vscode常用插件

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

e405706d2ba19b1f10caeaf9aba7f9c.png

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

c6ad003f631fe41584476e28bc91a94.png

3、Beautify (格式化 html ,js,css)

966fffc79592aa3d77cf785da33a810.png

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

74d2778a898cc53b9922eba18938ffb.png

vscode快捷键

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

aff2466feaa85675715cd000c8cdd72.png

基础编辑

3decdcdbb4333e8581a9027c7778179.png

导航

311dcadadb7778afa0f9573e73d5a39.png

搜索和替换

a6fead788e52471c594ba5048158b14.png

调试

24e7018427cfbd584bb7a4f8721e66c.png

集成终端

4e2e48a42523f92b9497c340458912c.png

相关文章教程推荐:vscode教程

以上是vscode快速使用教程的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn