H5-VScode常用插件归纳

最新推荐文章于 2023-12-20 10:47:55 发布
最新推荐文章于 2023-12-20 10:47:55 发布
阅读量1.5k 收藏 3
点赞数
分类专栏： 前端 文章标签： js html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lieuly/article/details/109385679
版权

H5-VScode常用插件归纳

chinese中文插件
live Service快速打开浏览器1保存实时刷新
open in browser快速打开浏览器2不会自动刷新
vscode-icons优化图标1 排名第一
Material Icon Theme优化图标2 更扁平化
Auto Rename Tag头尾标签同步修改
Auto Close Tag自动闭合 HTML/XML 标签。
ESLint检查javascript语法错误与提示
Easy LESSLESS和CSS代码提示
HTML Snippets超级好用且初级的H5代码片段以及提示标签含义
HTML CSS Support在HTML标签上写class智能提示当前项目所支持的样式
JavaScript (ES6) code snippets为JavaScript、TypeScript、HTML、React和Vue提供了ES6的语法支持
jQuery Code SnippetsjQuery 代码智能提示。
Path Intellisense自动路径1补全
Path Autocomplete自动路径2提示
veturvue代码提示
Setting Sync同步vscode设置
Material Theme主题插件1五种配色
One Dark Pro主题插件2
Bracket Pair Colorizer不同括号对应不同颜色，方便阅读
Code Runner控制台直接运行代码类似于DeBug
JavaScript Boosterjs代码优化重构
Beautify支持JavaScript、JSON、CSS和HTML格式化
CSS Peek 和 Vue CSS Peekcss增强(vue文件也可以) 点击类名即可看到对应样式
filesize左下角显示文件大小的插件
vscode-fileheader头部注释添加
Vue 2 SnippetsVue代码片段提示
ardupilot开发 --- Jetson Orin Nano 前篇
记录老板的每次pua，分享领导每天的毒鸡汤...
04-24 1808
mavlink无人机机载计算机Jetson Orin Nano的开发从0到1，无论是环境安装还是算法应用部署，从视频推拉流、mqtt数据推送、4g图数传到视觉伺服应用，还是OpenCV应用、YOLO算法应用，都在此篇！看不了看亏买不了上当，看它！
JavaScript企业级编程规范(1)-文件命名-注释规范-id与class
itclanCoder
03-22 2901
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID...
精选！必备的 VSCode 插件（前端类）
03-30
vscode 常用插件 手动放到 .vscode/extensions/ 下， 包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-colorizerV1.0.27.vsix change-caseV1.0.0.vsix code-runnerV0.9.3.vsix color-infoV0.5.0.vsix fileheadercommentV0.0.3.vsix gitlensV8.1.1.vsix html-snippetsV0.2.1.vsix icon-fontsV1.10.1.vsix JavaScriptSnippetsV0.2.0.vsix jquery-snippetsV1.0.0.vsix material-darkV1.1.0.vsix minifyV0.3.0.vsix npm-intellisenseV1.3.0.vsix open-html-in-browserV0.1.21.vsix path-autocompleteV1.8.1.vsix prettier-vscodeV1.2.2.vsix project-managerV0.25.0.vsix quokka-vscodeV1.0.116.vsix stylelintV0.35.0.vsix syncingV1.5.3.vsix theme-onedarkV0.5.2.vsix tsimporterV1.2.14.vsix typelensV1.5.0.vsix veturV0.11.7.vsix vetur-eV0.11.7.vsix vscode-css-peekV2.1.0.vsix vscode-eslintV1.4.8.vsix vscode-exports-autocompleteV0.5.4.vsix vscode-fakerV1.2.1.vsix vscode-git-historyV1.0.3.vsix vscode-html-cssV0.2.0.vsix vscode-iconsV7.22.0.vsix vscode-javascript-snippet-packV0.1.5.vsix vscode-regexp-preivewV0.0.3.vsix vscode-todo-highlightV0.5.12.vsix vscode-typingsV0.0.5.vsix vueHelperV0.1.6.vsix
vsCode---前端H5\CSS\JS编辑器常用插件
Wbiokr的博客
05-31 1961
Path Intellisense//路径提示插件 //‘/’之后自动识别相对路径下的文件/目录open in browser(TechER)//浏览器查看插件 // 可以通过右键菜单选择浏览器查看，可以通过快捷键Alt+b(默认浏览器查看)，Alt+shift+b(其他浏览器查看)azure Theme//主题颜色插件 //可以通过用户设置修改，可以通过上侧菜单--文件--首选项里面修改
【H5好程序员】vscode前端插件推荐
m0_51150747的博客
04-14 3595
第一阶段day01-安装软件day02-html&css基础功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 day01-安装软件 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
安装VSCode后从H5到C3和JS的便捷插件
欢迎来到长风沛雨的博客
11-13 1742
一些VSCode插件
vscode中安装开发html5中需要的插件
AlZhuo的博客
09-07 9178
最近在学习H5，也开始尝试着用vscode来写h5的代码。vscode是一个很不错的剪辑器，已经用它来写过php，python，还有vue的代码了。最近使用它写H5的代码，推荐一些H5有关的插件。 1.Emmet是一款编辑器插件，支持多种编辑器支持。在前端开发中Emmet使用缩写语法快速编写HTML、CSS以及实现其他的功能，极大的提高了前端开发效率。 a.安装完之后，创建一个html的文件敲入！，然后按一下tab就会出现h5的基本框架。 b.可以直接用缩写敲入div，按tab，就会出现<div
《web课程设计》基于HTML+CSS+JavaScript典的中医药大学网(11个页面)
专注于dreamweaver网页设计制作
08-10 352
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获优快云年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒......
HTML5期末大作业：HTM+CSS+JS仿安徽开放大学官网（web前端网页制作课作业）
QQ_____365392777的博客
08-15 269
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语......
基于HTML美中华传统文化题材网页项目的设计与实现 (纯HTML+CSS制作中国茶文化网站)
HTML网页设计
08-13 973
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获优快云年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒......
h5.js插件，前端必备
11-01
h5.js插件，工具类插件，直接下载使用，非常方便，前端必备。
h5插件分享
05-10
利用插件制作h5，h5的各种兼容写法，音乐，动效等，结构简单，效果明显，画面感很强，各种动效利用插件简单植入即可，插件翻页效果一共8个。
vsCode前端插件
最新发布
u014708123的博客
12-20 473
(暂时不需要)让vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试。js 的注释模板 （注意：新版的vscode已经原生支持,在function上输入/** tab）(暂时不需要)ESlint 接管原生 js 提示，可以自定制提示规则。修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。require 时的包提示（最新版的vscode已经集成此功能）顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间。可以配合任意主题使用。
VsCode 配置插件
yuzheh521的博客
07-31 326
下载vsCode用于前端管理系统。在vsCode里安装插件。 Auto Close Tag (自动html开闭标签) Auto Rename Tag(是一个自动同步修改前后标签名插件)(自动重命名配对的HTML / XML标签) Chinese ESlint(本质就是javascript代码检测的工具) HTML CSS Support HTML Snippets JavaScript ES6(语法提示) Live Server(服务器) open in brower(在浏览器打开页面) Vetur 1、中
vscode 不能运行h5c3代码_真正能让效率翻倍的VSCode插件推荐
weixin_39894104的博客
11-20 196
我之前是Atom的用户,当初入坑Atom就是被那一流的颜值吸引,但是Atom底下的性能和层出不穷的Bug让我彻底放弃了它,甚至对编辑器感到失望,一度我用起了WebStorm,但是VSCode的出现改变了我的看法,巨硬作为软件工程的执牛耳者,用了一个二十多人的团队,再度向Atom们教学了编辑器的开发方式.当然,Atom始终学不会,巨硬一挥手就把Atom收购了…在2019年StackOver...
vscode中使用gulptask插件
ClassicSong的博客
11-22 2106
在项目中需要手动打包，每次需要在cmd中输入gulp命令，实在是不想输入了，于是gulptask插件排上了用场，只要点击按钮就可以打包。 一、vscode中查找gulptasks插件点击安装，如下图： 二、配置好项目中的gulp环境，项目目录中有gulpfile.js，我的项目gulpfile.js代码如下： var gulp = require('gulp'), concat = re...
vscode新建html插件,vscode 插件推荐 - 献给所有前端工程师（2019.10.12更新）
weixin_31891047的博客
06-04 786
大家好，我是Moer.VScode现在已经越来越完善。性能远超Atom和webstorm,你有什么理由不用它?在这里，我会给你们推荐很多实用的插件，让你对 vscode 有更深刻的体会，渐渐地你就会知道它有多好用。走马观花前，请先将你的 vscode 更新到最新版本。通用插件HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support让 html 标签上写cla...
VsCode前端开发插件推荐
wam923259736的博客
03-01 1598
HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss文件检索 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试 jQuery Code Snippets jquery 重度...
开发H5都会喜欢这个Vite插件
军火库
02-08 318
实现这个插件仅仅使用了十几行代码，期间翻阅了Vite插件的开发文档和源码，分别找到了开发服务器的相关钩子函数拿到了Vite打印的urls信息，并通过扩展printUrls函数在保证原始逻辑正常执行的情况下增加二维码输出的功能。怎么样，这个插件你会写了吗？尝试一下吧~你的支持和肯定，是我坚持写作的动力~> 最后可以关注我@小鑫同学。欢迎点此扫码联系 (opens new window)交流，共同进步（还可以帮你fix🐛）~本文正在参加「金石计划 . 瓜分6万现金大奖」
群多多社群人脉h5-2.1.4多开插件+小程序独立前端+搭建教程
06-26
群多多社群人脉h5-2.1.4多开插件 小程序独立前端 搭建教程，首先需要了解群多多社群人脉h5-2.1.4多开插件以及小程序的开发和使用知识。 群多多社群人脉h5-2.1.4多开插件是一款群发工具，可以帮助用户快速地进行营销...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值