首页 > 其他 > 详细

VScode前端必备插件

时间:2021-06-08 20:37:01      阅读:30      评论:0      收藏:0      [点我收藏+]

1、汉化Chinese
技术分享图片

技术分享图片

2、Open-In-Browser 设置默认浏览器查看文件选项
使用Alt + B快捷方式在默认浏览器中打开当前html文件,或Shift + Alt + B选择浏览器。你也可以像图片一样右键点击

技术分享图片
使用Alt + B快捷方式在默认浏览器中打开当前html文件,或Shift + Alt + B选择浏览器。你也可以像图片一样右键点击

3、Quokka
实时反馈正在的编辑代码结果,预览计算值结果等,是一个很好的调试工具插件

技术分享图片

技术分享图片

4、CSS Peek
这个扩展支持所有正常的符号定义跟踪功能,但它针对的是css选择器(类、id和HTML标记)。这包括:

Peek:以内联方式加载css文件并在那里进行快速编辑。(Ctrl + Shift + F12)

转到:直接跳转到css文件或在一个新的编辑器(F12)中打开它

鼠标悬停:用鼠标悬停在符号上显示定义(Ctrl+ Hover)
技术分享图片

5、5、Beautify 代码格式化

美化javascript, JSON, CSS, Sass,和HTML在Visual Studio中的代码。
技术分享图片

6、color info 提供快速的css颜色信息。
技术分享图片
7、vscode-icons    显示Visual Studio代码的图标
技术分享图片
8、HTML Snippets    html标签提示及含义提示
技术分享图片

9、HTML CSS Support     html中css类名及id提示
技术分享图片
10、Auto Close Tag      自动添加HTML/XML关闭标签
11、Auto Rename Tag     当重命名一个HTML/XML标记时,将自动重命名成对的HTML/XML标记
12、Bracket Pair Colorizer 2 设置代码成对大括号的颜色
13、Live Server 在本地开启服务
14、Liver Sass Compiler 监听编译scss文件,输出css文件
15、Path Intellisense 自动解析路径并给出提示
16、JavaScript(ES6) snippets 只输入关键部分就能打出整个代码块
17、Vetur 是必备的Vue开发工具
技术分享图片

VScode前端必备插件

原文:https://www.cnblogs.com/ff-upday/p/14856175.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!