VsCode插件整理(小结)

发布时间 - 2026-01-11 03:15:47    点击率:

1.VsCode官方插件地址

https://marketplace.visualstudio.com/vscode

http://code.visualstudio.com/docs

官网下载地址:http://code.visualstudio.com/


2.使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件


添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可

3.常用插件说明:

一、HTML Snippets

超级使用且初级的H5代码片段以及提示


二、HTML CSS Support 

让HTML标签上写class智能提示当前项目所支持的样式


三、Debugger for Chrome 

让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点

四、JQuery Code Snippets

jquery提示工具


五、Path Intellisense

自动路径补全、默认不带这个功能

六、Npm Intellisense

require 时的包提示

七、Document this 

Js的注释模板

八、ESlint

ESlint接管原声js提示,可以自定制体会规则。这个比较高玩、

九、Project Manager

多个项目之间快速切换的工具

十、beautiful

格式化代码的工具

十一、Typings Installer

安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。

十二、Bootstrap 3 Sinnpet

常用bootstrap的可以下

十三、Auto Rename Tag

修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。

图标、代码样式插件

一、JavaScript Atom Grammar

使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用。

二、vscode-icon

让vscode资源目录加上图标、必备


三、One Dark Theme

来自Atom的one dark主题好看实用

四、Material、Material Neutral ............

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# VsCode插件  # 详解vscode中vue代码颜色插件  # VsCode工具开发vue项目必装插件清单(推荐!)  # vsCode安装使用教程和插件安装方法  # vscode常用插件整理汇总  # 前端vscode必备插件推荐(开发必备)  # 官网  # 的人  # 多个  # 下载地址  # 可以用  # 帮你  # 较高  # 不带  # 上写  # 大家多多  # Snippets  # HTML  # CSS  # ext  # nbsp  # xxxx  # install  # debug  # chrome  # JQuery 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: jquery插件bootstrapValidator表单验证详解  Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知  Python制作简易注册登录系统  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  昵图网官网入口 昵图网素材平台官方入口  Android okhttputils现在进度显示实例代码  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  如何实现建站之星域名转发设置?  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  如何在阿里云购买域名并搭建网站?  如何在IIS7上新建站点并设置安全权限?  Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  HTML 中如何正确使用模板变量为元素的 name 属性赋值  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  在线制作视频的网站有哪些,电脑如何制作视频短片?  JavaScript中的标签模板是什么_它如何扩展字符串功能  Bootstrap整体框架之JavaScript插件架构  Windows家庭版如何开启组策略(gpedit.msc)?(安装方法)  SQL查询语句优化的实用方法总结  如何在Ubuntu系统下快速搭建WordPress个人网站?  JavaScript如何实现路由_前端路由原理是什么  如何选择PHP开源工具快速搭建网站?  香港网站服务器数量如何影响SEO优化效果?  企业网站制作这些问题要关注  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  Laravel如何使用Blade组件和插槽?(Component代码示例)  香港服务器网站卡顿?如何解决网络延迟与负载问题?  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  如何在七牛云存储上搭建网站并设置自定义域名?  如何快速搭建高效可靠的建站解决方案?  免费网站制作appp,免费制作app哪个平台好?  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  如何在阿里云服务器自主搭建网站?  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  JS经典正则表达式笔试题汇总  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  黑客入侵网站服务器的常见手法有哪些?  如何为不同团队 ID 动态生成多个“认领值班”按钮  Laravel storage目录权限问题_Laravel文件写入权限设置  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?  Laravel如何安装Breeze扩展包_Laravel用户注册登录功能快速实现【流程】  如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何有效防御Web建站篡改攻击?  公司网站制作需要多少钱,找人做公司网站需要多少钱?  Laravel怎么实现前端Toast弹窗提示_Laravel Session闪存数据Flash传递给前端【方法】