vscode智能提示css的插件_Visual Studio Code 必备插件,主题及语法提示
Visual Studio Code 是由微软开发的一款免费的,跨平台文本编辑器。由于其出色的性能表现和丰富的功能,它很快成为了开发者的最爱。
与大多数 IDE 一样,VSCode 也有一个扩展市场,包含数千个具有不同功能的插件。为了帮助您挑选值得下载的东西,我们收集了这些最有用和最有趣的扩展。
在浏览器中打开或预览 – Open-In-Browser
VSCode 不能通过内置界面来直接在浏览器中打开文件。此扩展将添加一个 [Open With Default Browser] 选项到右键菜单,使您在客户端(Firefox,Chrome,IE)中打开命令面板选项。
代码调试 – Quokka
Quokka 是一个调试工具,可以为您正在编写的代码提供实时反馈。它能够预览变量的函数和计算值结果。该扩展易于配置,对于使用 JSX 或 TypeScript 的项目可直接使用。
Faker
使用流行的 Faker JavaScript 库快速插入占位符数据。您可以生成随机的名称,地址,图像,电话号码或经典的乱数假文段落。每个类别都有各种子类别,因此您可以随心所欲的使用这些数据。
项目地址:Faker
跳转到 CSS 定义行 – CSS Peek
通过此扩展,您可以跟踪样式表中 CSS 类和 id 的样式。当您右键单击 HTML 文件中的选择器时,选择“Go to Definition”和“Peek”将会直接带您跳转到相对应的 CSS 代码。
HTML 模板 – HTML Boilerplate
HTML 模板扩展将不必手动写入新的 HTML 文档的 head 和 body 标签。只需在空文件中输入 html ,按 Tab 键即可生成干净的文档结构。
格式化代码 代码美化 – Prettier
Prettier 是现在 Web 开发中最流行的代码格式化程序。它允许您的团队保持整齐统一的代码结构。此扩展可以自动应用 Prettier 并快速格式化整个 JS 和 CSS 文档。
颜色信息及转换 – Color Info
一个轻量级的小插件,将为你提供有关 CSS 中使用的颜色的各种信息。通过将鼠标悬停在颜色代码处,就可以看到颜色的预览,以及有关其转换为所有格式(hex,rgb,hsl和cmyk)的信息。
SVG 预览 – SVG Viewer
此插件是一款可以在 Visual Studio Code 中查看 SVG 的实用程序。它可以渲染 SVG 文件,查看预览而无需离开编辑器。同时,它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。
TODO 高亮 – TODO Highlight
此工具可以在你的代码中的标记出所有的 TODO 注释,以便在推送到生产环境之前轻松跟踪任何未完成的业务。默认情况下,它会查找 TODO 和 FIXME 关键字,当然,您也可以添加自定义表达式。
图标字体 – Icon Fonts
这是一个能够在您的项目(或从CDN)中添加图标字体的插件,并且自动对图标本身的类名进行提示。该扩展支持超过20个流行的图标集,包括 Font Awesome ,Ionicons , Glyphicons 和 Material Design Icons 。
代码压缩 – Minify
用于压缩代码的扩展。它提供了大量的自定义设置和自动压缩保存并导出到 .min 文件的选项。 Minify 分别通过 uglify-js ,clean-css 和 html-minifier 对 JavaScript ,CSS 和 HTML 进行压缩。
命名格式转换 – Change Case
此插件用来转换文本。可直接使用,只能进行小写和大写转换。此插件添加了更多用于修改字符串的命令,包括 camelCase(骆驼拼命名),kebab-case(中划线命名),snake_case(下划线命名), CONST_CASE(大写命名)等。
正则表达式预览 – Regex Previewer
用于实时测试正则表达式的实用工具。它通过将正则表达式模式应用于任何打开的文本文件,突出显示所有匹配项。
语言和框架 – Language and Framework Packs
VSCode 支持大量语言。如果您使用的编程语言不包括在内,那么您可以下载这个扩展包,它将添加自动填充,适当的缩进和其他实用功能。还有对 Web 前端框架,如 react native 和 vue 的语言包支持。
主题及配色方案 – Themes
当然,所有扩展中最重要的是主题。你每天都在看你的 VSCode 编辑器,为什么不让它变得更漂亮呢?有许多定制插件可以改变颜色方案和侧边栏中的图标。以下是我们的一些最爱:
Visual Studio Code 相关热文
vscode智能提示css的插件_Visual Studio Code 必备插件,主题及语法提示相关推荐
- vscode 默认初始化_Visual Studio Code(vscode)使用介绍
[TOC] vscode 安装 软件直接在vscode官网(https://code.visualstudio.com/)下载安装. 建议将下图红框中勾选,安装完成后可通过鼠标右键打开vscode. ...
- Visual Studio Code(插件篇):Visual Studio Code 必装的 10 个高效开发插件(扩展)
插件,亦成为 扩展. 使VSCode 如虎添翼. 本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. 相关文章推荐:Visual Studi ...
- Visual Studio Code Go插件配置选项
Visual Studio Code Go插件配置选项 go get命令和go install命令的区别 go get 命令的作用 从远程下载需要用到的包 下载完之后,执行go install go ...
- vscode自动格式化不符合eslint_VsCode(Visual Studio Code)格式化代码符合EsLint
利用Visual Studio Code ESlint插件,实现自动格式化代码 步骤一:安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=& ...
- visual studio code python插件下载_visual studio code 的必装推荐插件plugin, vscode, vsc
An Old Hope Theme (theme, 推荐,且推荐它的 classic theme,安装后在颜色选项里选择,该插件的定制见文末) Cobalt2 (theme) Drac ...
- vscode 智能打印_Visual Studio Code - 语言篇
上一篇学习使用了 .NET Core, 认识了 C# 语言,也调试了.NET Core Console 程序.但更多使用过 .NET 的童鞋可能还在使用 .NET Framework, 作为一款编辑器 ...
- vscode 新建cpp文件_Visual Studio Code (vscode)编译C++
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段. ...
- g++ vscode 环境选择_Visual Studio Code 配置C/C++环境
Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现 ...
- sqlyog设置自动补全_Visual Studio Code 最好的功能、插件和设置
Visual Studio Code 是由 Microsoft(微软) 发布的一个免费的,开源的跨平台文本编辑器.他们基于在线编辑 Visual Studio Online (代号为 "Mo ...
最新文章
- LeetCode简单题之有序数组中出现次数超过25%的元素
- python协程异步原理_简单介绍Python的Tornado框架中的协程异步实现原理
- Windows 10如何使用文件历史记录备份个人文件
- python redis用法详解
- tp3.2.3权限控制二之后台管理部分,及菜单栏目显示问题
- matlab freqz函数使用
- python进程实例
- 《认知红利》读书笔记
- python爬虫知识大全_Python爬虫入门有哪些基础知识点
- Spring的任务调度@Scheduled注解——task:scheduler和task:executor的解析
- getReadableDatabase VS getWritableDatabase
- 泛海精灵软件预发布统计报告 反馈
- 【Python 2.7】xlrd读取Excel文件
- 盘点七大类当前世界流行的数据挖掘技术
- Linux平台kafaka安装及使用
- 【每日算法Day 80】所有人都会做的入门题,高级解法来了!
- Python+Selenium ----unittest单元测试框架
- Java程序员的第一个Python小程序:京东畅销书榜爬虫
- JavaScript设计模式之策略模式-优化if条件过多
- 程序员做技术管理需要懂哪些方面?