VScode常用插件_AE必备插件

VScode常用插件_AE必备插件这篇博客主要是我使用vscode过程中的插件汇总,使用了这么长时间,总想有个总结,也方便日后查看,这里我将我使用的插件分为基础、框架、工具三个类型。官网地址VSCode插件官网地址,里面有很多的插件可以使用。基础插件这部分插件主要是和html、css、js有关的。htmlCSSSupport这个插件支持以下语言,提供基础的语法知识编写辅助。这是插件地址htmllarav…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

这篇博客主要是我使用vscode过程中的插件汇总,使用了这么长时间,总想有个总结,也方便日后查看,这里我将我使用的插件分为基础框架工具三个类型。

官网地址

VSCode插件官网地址,里面有很多的插件可以使用。

基础插件

这部分插件主要是和htmlcssjs有关的。

html CSS Support

这个插件支持以下语言,提供基础的语法知识编写辅助。

这是插件地址

  • html
  • laravel-blade
  • razor
  • vue
  • pug
  • jade
  • handlebars
  • php
  • twig
  • md
  • nunjucks
  • javascript
  • javascriptreact

HTML Snippets

这个插件主要是针对html的语法的,支持以下标签,插件地址

  • html5的全部标签
  • 标签含义信息提示
  • 一些描述性的语法

HTMLHint

这个插件提供html的编写提示,包括到属性的格式监测,语法细致监测纠正,非常好的。插件地址

htmlhint

stylelint

这个插件是有个css,sass,less的语法监测。插件地址

[外链图片转存失败(img-ej0M6HsR-1565668009858)(https://github.com/shinnn/vscode-stylelint/raw/master/screenshot.png)]

JavaScript (ES6) code snippets

这个插件就是js方面的内容,主要提供以下支持,插件地址

  • JavaScript (.js)
  • TypeScript (.ts)
  • JavaScript React (.jsx)
  • TypeScript React (.tsx)
  • Html (.html)
  • Vue (.vue)

ESLint

这个是有关js的语法监测插件,也很棒。插件地址

Latest TypeScript and Javascript Grammar

这个插件提供最新的TypeScript和Javascript语法,可以看一下。插件地址

  • typescript语法支持
  • JavaScript语法支持

markdownlint

这个是提供markdown语法监测的插件,非常好用,帮助你养成良好的markdown编写风格。插件地址

框架插件

这部分插件主要是和各个框架有关的插件,比如jquery,bootstrap,vue等ui框架,html模板引擎和js框架。

EJS language support

这是一个非常好用的html模板引擎插件,提供ejs的用法。

插件地址

  • if
  • for
  • 插值

jQuery Code Snippets

虽然jQuery诞生于2006年,距今已有13年历史,但是还是有很多人在使用,所以也推荐一下。插件地址

提供以下方法:

jQuery Code Snippets

  • func
  • jqAfter
  • jqAjax
  • jqAjaxAspNetWebService
  • jqAppend
  • jqAppendTo
  • jqAttrGet
  • jqAttrRemove
  • jqAttrSet
  • jqAttrSetFn
  • jqAttrSetObj
  • jqBefore
  • jqBind
  • jqBindWithData
  • jqBlur
  • jqChange

vetur

这个是vuejs官方团队的一名成员写的有关vuejs语法的插件,强力推荐。插件地址

  • Syntax-highlighting
  • Snippet
  • Emmet
  • Linting / Error Checking
  • Formatting
  • Auto Completion
  • Debugging

Vue 2 Snippets

这个也是vue的语法插件,也作为补充插件。插件地址

Vue 2 Snippets

工具插件

这部分插件主要是日常工作过程中的一些工程化编译,构建还有辅助等工具,辅助编程。

Auto Rename Tag

这是一款有关html标签的工具,具有自动重命名标签的功能,插件地址

[外链图片转存失败(img-i9bOpBUU-1565668009862)(https://github.com/formulahendry/vscode-auto-rename-tag/raw/master/images/usage.gif)]

Beautify

这是一款代码格式化的插件,可以对你写的代码进行格式调整,使得代码易读,规整,好看。插件地址

cssrem

这是一款有关css的px和rem转换的工具插件,方便移动端网页设计稿开发。插件地址

[外链图片转存失败(img-ruajzoSz-1565668009863)(https://github.com/cipchk/vscode-cssrem/raw/master/screenshots/cssrem.gif)]

Document This

这是一款给js函数方法添加参数注解的插件。插件地址

[外链图片转存失败(img-LsWFfuQp-1565668009864)(https://github.com/joelday/vscode-docthis/raw/master/images/demo.gif)]

filesize

这是一款计算每个文件大小的插件,方便你对你的代码量进行可视化观察,及时缩小代码量,提供代码质量。插件地址

JSON Tools

这是一款有关json数据格式化的插件,可以压缩和解压格式化json代码。插件地址

  • Ctrl(Cmd)+Alt+M,格式化json数据
  • Alt+M,压缩json数据

Live Server

这是一款可以提供http协议服务的插件,可以使用http进行访问本地网页,而且是实时更新内容。插件地址

[外链图片转存失败(img-PCLWlcRo-1565668009865)(https://github.com/ritwickdey/vscode-live-server/raw/master/images/Screenshot/vscode-live-server-animated-demo.gif)]

Material Icon Theme

这是一款Material主题风格的图标插件,涵盖了大多数文件对应的图标,非常容易识别确认。插件地址

[外链图片转存失败(img-BNHltqgR-1565668009866)(https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/master/images/fileIcons.png)]

Minify

这是一款代码压缩插件,可以对html,css,js代码进行压缩,就像webpack打包工具那样压缩你的代码,使代码体积变小,打开速度加快。插件地址

默认是压缩以后,生成一个原来名字后加.的文件,里面是压缩后的代码,比如:example.html压缩后的名字变为example.min.html

npm

这个插件主要是用来管理npm包的,可以在编辑器内下载,安装,查询,卸载npm包,非常方便。插件地址

npm

open in browser

这个插件是在默认游览器打开你的网页,可以预览,但是需要手动刷新内容。插件地址

open in browser

Path Intellisense

这个插件具有自动补全功能,非常方便。插件地址

Path Intellisense

Sass

这个插件是一个sass编译工具,方便书写sass代码。插件地址

Sass

Sass Lint

这个是和sass配套的一个插件,检查sass语法是否正确,插件地址

vscode-fileheader

这个插件可以在文档顶部插入一段说明注释,非常便于你查看当日写了哪些内容,插件地址

vscode-fileheader

webpack

这个插件是一个webpack的辅助工具,可以创建webpack配置文件的,还有babel编译帮助功能,插件地址

webpack

最后

这就是我日常使用的一些vscode的插件,在此作为一个汇总,方便日后查看。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/187559.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • matlab的fprintf语句_matlab绝对值函数

    matlab的fprintf语句_matlab绝对值函数1、fprintf函数:将数据按指定格式写入到文本文件中。2、用法说明:fprintf(fid,format,variables);按指定的格式将变量的值输出到屏幕或指定文件;fid为文件句柄,指定要写入数据的文件,若缺省,则输出到屏幕;format是用来控制所写数据格式的格式符,format用来指定数据输出时采用的格式:%d整数%e实数:科学计算法形式%f实数:小数形…

    2022年10月19日
  • 用示波器调出李萨如图形步骤_示波器李萨如图形不稳定怎么调节

    用示波器调出李萨如图形步骤_示波器李萨如图形不稳定怎么调节1.首先我们需要校准接通电源打开仪器准备校准2.接好两根线3调节得到方波和三角波4调节频率得到李萨如图形示波器的使用

  • 软件测试工程师女生_能进阿里的程序员都很强吗

    软件测试工程师女生_能进阿里的程序员都很强吗简单的先说一下,坐标杭州,14届本科毕业,算上年前在阿里巴巴的面试,一共有面试了有6家公司(因为不想请假,因此只是每个晚上去其他公司面试,所以面试的公司比较少)

    2022年10月14日
  • Python实现简单截图识别获取文字符号信息[通俗易懂]

    Python实现简单截图识别获取文字符号信息[通俗易懂]版权声明:本文为博主原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/weixin_42365530有时候我们百度出来一些自己需要信息后,想要直接复制粘贴(借鉴借鉴),提升工作效率,比如学校要求写什么加油稿,期末总结,思想汇报啊…额~,被请去办公室喝茶了,到时别说是博主教的啊!但是百度文库经常会限制我们复制…

  • js闭包循环遍历监听_Js闭包

    js闭包循环遍历监听_Js闭包JavaScript闭包之for循环

  • 新手到黑客的最全入门路径图(附全部学习资料下载)!

    新手到黑客的最全入门路径图(附全部学习资料下载)!点击上方“程序人生”,选择“置顶公众号”第一时间关注程序猿(媛)身边的故事01入门介绍说到黑客,大家可能觉得很神秘,其实狭义上的黑客就是去寻找网站、系统、软件等漏洞,刚入门的黑客大部分从事渗透工作,而渗透大部分属于web安全方向,就是利用漏洞来取得一些数据或达到控制,让对方程序崩溃等效果。02一些常用的名词解释挖洞的话,就相当于在程序中查找漏洞,举一个不大恰当但容易理解的比喻,就像韩非子说所的那个

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号