Frontend development kit 0.0.4
前端开发工具包:提升Angular、React和Vue.js开发效率前端开发工具包是一款专为前端开发者设计的扩展集合,旨在提升Angular、React和Vue.js的开发效率。该工具包集成了多种实用扩展,涵盖从代码格式化、语法高亮到项目管理等多个方面,帮助开发者在VisualStudioCode中实现高效开发。包含的扩展:AngularMaterial2,Flexlayout1,
分类: 下载/工具 · 工具软件 | 来源: 点击进入 | 版本: 0.0.4 |
日期: 2025-07-21 | 人气: | 大小: |
标签: __web_extension |
功能介绍
前端开发工具包:提升Angular、React和Vue.js开发效率
前端开发工具包是一款专为前端开发者设计的扩展集合,旨在提升Angular、React和Vue.js的开发效率。该工具包集成了多种实用扩展,涵盖从代码格式化、语法高亮到项目管理等多个方面,帮助开发者在Visual Studio Code中实现高效开发。
包含的扩展:
- Angular Material 2, Flex layout 1, Covalent 1 & Material icon snippets - 为Angular提供Material设计和布局的代码片段。
- Rainbow Brackets - 为VS Code提供彩色括号高亮,提升代码可读性。
- HTML Snippets - 提供完整的HTML标签和HTML5代码片段。
- Bookmarks - 允许标记代码行并快速跳转。
- Project Manager - 简化项目之间的切换。
- sort-imports - 自动排序ES6导入语句。
- Angular Language Service - 为Angular模板提供编辑器服务。
- AngularDoc for Visual Studio Code - 提供Angular开发工具。
- npm Intellisense - 在导入语句中自动完成npm模块。
- Path Intellisense - 自动完成文件名。
- Regex Previewer - 在VS Code中预览JavaScript、TypeScript、PHP和Haxe的正则表达式匹配。
- gitignore - 支持.gitignore文件,并可从GitHub拉取模板。
- Bracket Pair Colorizer & Bracket Pair Colorizer 2 - 自定义括号颜色匹配。
- SVG Viewer - 在VS Code中查看SVG文件。
- Angular Schematics - 从文件资源管理器或命令面板执行Angular Schematics命令。
- Vue Peek - 支持Vue单文件组件的查看和跳转定义。
- ESLint - 将ESLint集成到VS Code中。
- Git History - 查看git日志、文件历史、比较分支或提交。
- Babel ES6/ES7 - 添加JS Babel es6/es7语法高亮。
- GitLens - 增强VS Code中的Git功能,提供代码作者信息和比较命令。
- EditorConfig for VS Code - 支持EditorConfig配置。
- TSLint - 为VS Code提供TSLint支持。
- npm - 为VS Code提供npm支持。
- Prettier - 代码格式化工具。
- Git Project Manager - 简化Git项目之间的切换。
- Auto Close Tag & Auto Rename Tag - 自动添加和重命名HTML/XML标签。
- IntelliSense for CSS, SCSS class names - 提供CSS和SCSS类名自动完成。
- GitHub Pull Requests - GitHub拉取请求提供者。
- json2ts - 将剪贴板中的JSON转换为TypeScript接口。
- Beautify - 在VS Code中美化代码。
- Npm Dependency - 更新特定package.json的依赖项。
- angular2-switcher - 在angular2项目中轻松导航到组件文件。
- Search node_modules - 快速搜索node_modules文件夹。
- Angular v7 Snippets - Angular v7代码片段。
- Team Chat - 在VS Code中发送和接收Slack、Discord、Live Share聊天消息。
- CodeMetrics - 计算TypeScript/JavaScript文件的复杂度。
- NgBootstrap Snippets - NgBootstrap代码片段。
- Angular 2 TypeScript Test Snippets - Angular 2 TypeScript测试代码片段。
- JSON to TS - 将JSON对象转换为TypeScript接口。
- Beautify css/sass/scss/less - 美化css、sass和less代码。
- Angular 7 Snippets - 包含TypeScript、Html、Angular Material、ngRx、RxJS & Flex Layout的232个Angular代码片段。
- Auto Import - 自动查找、解析并提供所有可用导入的代码操作和代码完成。
- Visual Studio Keymap - 为VS Code提供Visual Studio常用快捷键。
- VS Live Share & VS Live Share Audio - 支持实时协作开发和音频通话。
- Debugger for Chrome & Debugger for Edge - 调试Chrome和Edge浏览器。
- Color Highlight - 高亮网页颜色。
- NG.42 TS Helpers - 添加ngRx的代码片段、创建桶命令和脚手架。
- Typescript Imports Sort - 排序TypeScript代码中的导入语句。
- Vetur - 为Vue提供工具支持。
- Docker - 为Dockerfile和docker-compose文件提供语法高亮、命令、悬停提示和linting。
- Version Lens - 使用代码镜头显示每个包的最新版本。
- Material Icon Theme - 为VS Code提供Material设计图标。
- TypeScript Importer - 自动搜索工作区文件中的TypeScript定义,并提供所有已知符号作为完成项。
- CSS Peek - 从HTML文件查看CSS ID和类字符串的定义。
- TypeScript Hero - 为TypeScript提供额外的工具。
- Night Owl - 为夜猫子设计的VS Code主题。
- Vue VSCode Snippets - 增强Vue工作流程的代码片段。
- stylelint - 现代CSS/SCSS/Less检查工具。
- SimonTest - 分析您的Angular代码并生成测试。
- Guides - 提供更多指南线的扩展。
- Move TS - 移动TypeScript文件并更新相对导入。
- Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets - Bootstrap 4和Font Awesome代码片段。
- JS Hacker Pack - 专注于JavaScript开发的VS Code扩展集合。
- Formatting Toggle - 允许您通过简单点击开启或关闭格式化工具。
- Angular 2, 4 and upcoming latest TypeScript HTML Snippets - Angular 2, 4和最新TypeScript HTML ES6常用代码片段。
- Highlight Matching Tag - 高亮匹配的关闭或打开标签。
- Azure Application Insights - 将生产服务信息直接带入代码编辑器,帮助您更快发现和修复问题。
- Code Lens Roundup - Wade's扩展推荐中的流行代码镜头扩展。
- TODO Highlight - 高亮TODO、FIXME和其他关键词、注释。
- jumpy - 提供快速光标移动,灵感来自Atom的同名包。
- JavaScript (ES6) code snippets & Reactjs code snippets - JavaScript和Reactjs开发的ES6代码片段。
- Markdown All in One - Markdown所需的一切(键盘快捷键、目录、自动预览等)。
- IntelliSense for CSS class names in HTML - 基于工作区中找到的定义,为HTML类属性提供CSS类名自动完成。
- Open in GitHub, Bitbucket, Gitlab, VisualStudio.com ! - 跳转到GitHub、Bitbucket、Gitlab、VisualStudio.com的源代码行。
- ESLint - 将ESLint集成到VS Code中。
- VS Live Share extension API - 允许VS Code扩展访问Live Share功能。
- vscode-chrome-debug-core - 用于构建支持Chrome远程调试协议的VS Code调试适配器的库。
- Auto Import - 自动查找、解析并提供所有可用导入的代码操作,仅适用于文件夹中的文件和TypeScript。
- Gitignore Templates - 使用来自https://github.com/github/gitignore的模板快速生成.gitignore文件。
致谢:
所有荣誉归于上述提到的扩展的原作者。
祝您编码愉快!
版本声明
本文转载于:https://marketplace.visualstudio.com/items?itemName=vmanthena.frontend-development-kit 如有侵犯,请联系study_golang@163.com删除
更多
相关下载
查看更多
课程推荐
-
- Golang云原生架构师课程
- Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
- 204次学习
-
- MySQL数据管理之备份恢复案例解析视频教程
- 《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
- 163次学习
-
- MySQL索引优化解决方案
- 本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成,主要讲述了MySQL索引优化的解决方案,非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
- 182次学习
-
- 极客学院Docker视频教程
- Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎,源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热,无论是从github上的代码活跃度,还是各大厂商的支持,都使Docker成为了时下最受关注的技术,甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
- 243次学习
-
- Golang进阶实战编程
- 本课程是在《Go语言基础视频》基础之上录制的,是Go语言基础的后半部分。包括包的管理,IO操作,Go语言最大的亮点:高并发,goroutine,channel,反射等。本视频主要为了帮助Go语言的初学者,从零到一的快速入门。学完本套课程,可以学会如果通过包管理Go项目,并发模型,以及并发实现,channel通道如何传递数据,反射等等。
- 128次学习
-
- JavaScript极速入门
- 本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了,让你学习0压力,适合新手观看学习......
- 431次学习
查看更多
相关文章
-
- Golangmap实践及实现原理解析
- 2022-12-28 505浏览
-
- GoLand调式动态执行代码
- 2023-01-13 502浏览
-
- 试了下Golang实现try catch的方法
- 2022-12-27 502浏览
-
- 用Nginx反向代理部署go写的网站。
- 2023-01-17 502浏览
-
- MySQL主从切换的超详细步骤
- 2023-01-01 501浏览
-
- Mysql-普通索引的 change buffer
- 2023-01-25 501浏览