vscode 好用插件

原创 已于 2022-09-06 16:39:29 修改 · 872 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

于 2022-02-18 12:05:16 首次发布
这篇博客介绍了多种提升前端开发效率的工具，如Prettier用于一键美化JavaScript、TypeScript和CSS代码，ColorHighlight帮助直观展示颜色定义，CSSPeek方便在HTML中定位CSS样式，还有AutoCloseTag、Chinese、openinbrowser等实用插件，旨在优化开发体验。

Prettier

一键美化你的JavaScript/TypeScript/CSS代码

Color Highlight

直观展示你定义的颜色

CSS Peek

可以在HTML中通过CSS id或则class来定位到其定义

Auto Close Tag

修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改

Chinese

将界面转换为中文

open in browser

用浏览器打开你的文件

GBKtoUTF8

转换格式

Vetur

Vue工具

npm Intellisense

可以在导入语句自动补全npm模块名称

Easy Sass

使用sass语法可以自动生成css文件

Git History

用来查看git log或则一个文件的git历史，比较不同的分支

KoroFileHeader

 自动生成文件头部注释和函数注释

suuntil
关注
VSCode安装使用|创建一个可运行的html页面|配置美化
qq_44155199的博客
08-13 2631
安装地址 https://code.visualstudio.com/Download 这个是vscode官方下载地址，一直下一步就好了，没有其他的特殊选项 我是用来开发js和vue的 可以到商店里安装以一些插件 举几个我能用到的例子： 最后，说一下如何开发一个html页面 在你的电脑里创建一个文件夹 单机vscode菜单栏的文件 打开刚才创建的文件夹 然后点击文件夹，再将文件另存为工作区，命名为1010 现在就生成了一个工作区 在工作区下面创建一个demo文件 dem
VSCode好用插件
Schaffer的博客
04-02 2739
由于现在还是使用vue2，所以本文只记录vue2开发中好用的插件。
HTML总结
DGL_优快云的博客
08-29 321
1、VSCode VSCode 安装 添加到资源管理器上下文目录 这个操作可以添加右键 Code 打开当前目录，非常方便 将 Code 注册为受支持的文件类型的编辑器 这个操作会让 VScode 支持的代码文件全部编程变成 VScode 默认打开，文件图标也会随之更改，很好辨认 VSCode 汉化 Chinese (Simplified) Language Pack for Visual Studio Code VSCode 插件安装 Path Intellisense
终极代码美化神器：让VSCodeBeautify一键提升你的编码效率
最新发布
gitblog_00198的博客
11-21 247
还在为杂乱的代码格式而烦恼吗？VSCodeBeautify是专为Visual Studio Code设计的代码格式化插件，能够自动美化JavaScript、HTML、CSS、JSON等多种编程语言，让你的代码瞬间变得整洁规范。无论你是新手还是资深开发者，这款插件都能大幅提升你的编码体验和工作效率。 ## 🎯 为什么你需要这款代码美化工具？ ### 告别格式混乱的困扰 想象一下这样的场景：你
优化开发体验：掌握VSCode配置Vue模板的技巧与方法
希望看完文章的你能够带着答案离开。
08-14 7545
优化开发体验：掌握VSCode配置Vue模板的技巧与方法
vsCode实现美化代码
weisian的博客
07-21 4377
1、安装eslint，prettier 2、在setting中，配置setting.json文件如下：（settings----open Settings（json）） { "breadcrumbs.enabled": false, // "html.format.wrapLineLength": 80, "editor.wordWrap": "on", "editor.cursorBlinking": "expand", "editor.cursorSmoot
vscode插件美化C/C++和HTML
qq_40170041的博客
08-01 519
输入html，下键选择html:5，自动补全整个开头语言。设置->搜索 Emmet Abbreviation。配置html语言自动补全，在设置中搜索Emmet。
精选资源
VScode好用插件.rar
11-24
本压缩包"VScode好用插件.rar"包含了多款精选的VScode插件，旨在提升开发者的效率和工作体验。下面将详细介绍这些插件的功能和用途： 1. **timonwong.shellcheck-0.18.2.vsix**：这是一个用于检查Shell脚本语法错误...
vscode离线插件包
09-03
离线插件包通常包含了大量常用的VSCode插件，覆盖了代码格式化、代码片段、语言支持、调试工具、版本控制等多个方面。例如，有专为JavaScript、Python、Java等语言编写的语法高亮、代码补全、代码分析插件；还有用于...
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
石小石Orz的博客
08-28 2959
大家好，我是石小石！作为前端开发，vscode好比我们的衣食父母，不可或缺。我相信大家都试过给编译器装一些插件，用来提升开发效率。这篇文章，我将结合自己的工作经验，向大家推荐我工作中用到的一些插件，我会尽可能详细和全面介绍。如果大家有更好用的插件，欢迎在评论区分享！
精选资源
vscode 插件插件插件插件插件插件插件
07-14
1. **ms-toolsai.jupyter-2021.8.1054968649.vsix**：这是Jupyter Notebook的VSCode插件，允许用户在VSCode中直接编写、运行和调试Jupyter Notebook文档。它支持Markdown、Python和其他多种语言，并提供了交互式编程...
【亲测免费】 推荐一款代码美化神器：VSCodeBeautify
gitblog_00037的博客
04-15 1667
是一个为Visual Studio Code（VS Code）开发的插件，致力于帮助开发者自动格式化和美化HTML、CSS、JavaScript等多种语言的代码，使得代码更加整洁易读，极大地提高了编码效率。 ## 技术分析 ### 核心功能 - **代码格式化**：VSCodeBeautify可以自动将杂乱无章的代码调整为预设的格式规范，包括缩进、换行、注释等。 - **多语言支持**：不仅...
VScode代码美化工具Beautify
wzp20092009的博客
01-07 7830
问题 当一些代码压缩过或者显得特别杂乱时， 解决方案 我们通过 VScode 安装依赖 Beautify，通过插件来美化代码 在扩展商店中搜索 Beautify 并安装 安装之后 美化代码处理 Run with F1 Beautify (to beautify a selection) or F1 Beautify file. 翻译过来就是 “按F1，选择一个段落美化或者选择美化一个文件” 当我选择了一个文件，运行上述命令之后就自动美化 ...
VS Code的HTML代码模板
qq_42416602的博客
11-11 1279
1 文件/首选项/用户片段，在搜索框中搜索html.json，打开此文件 2 在文件中写入如下代码： "Print to index": { "prefix": "html", //模板的快捷键 "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "\t<head>", "\t\t<m
vscode之美化js代码
08-02 1460
参考： https://jingyan.baidu.com/article/ca00d56c133f5fe99eebcfb4.html 安装插件： Beautify 下f1打开命令，搜索Beautify，点击Beautify file美化整个文件。
【Visual Studio Code教程3】VSCode工作台的美化
2401_83116349的博客
08-11 5164
VSCode教程
VS Code主题设置（美化VS Code）（主题+背景+图标+特效+字体）
热门推荐
前端萌新
02-13 8万+
VS Code主题，背景，字体设置
【Visual Studio Code教程4】VSCode语法的美化
2401_83116349的博客
08-13 1052
VSCode教程
一、HTML VScode常用插件
Yang
07-22 3818
优点：一边编写代码一边保存，即实时刷新预览，大大提升开发测试效率。Theme 作用：显示 Vscode 文件、文件夹的图标。作用：修改标签，自动帮你完成头部和尾部闭合标签的同步修改。作用：该插件可通过编辑器打开默认浏览器显示代码效果。插件名称：Chinese 中文（简体）语言包。插件名称：Auto Rename Tag。插件名称：open in brower。插件名称：Material Icon。插件名称：carbon-now-sh。插件名称：Live Server。作用：通过插件可以开启本地服务。
vscode 好用的插件
09-09
在使用VSCode时，有一些很好用的插件可以提升你的开发效率。其中一些推荐插件是Tabnine、Git Graph和Comment Translate。Tabnine是一个智能代码补全插件，可以根据上下文和代码语法提供准确的补全建议。Git Graph可以在VSCode中直观地展示Git仓库的分支和提交历史，方便你进行代码版本管理。Comment Translate是一个注释翻译插件，可以帮助你在代码中快速翻译注释，支持多种翻译API。 此外，还有一个有趣的插件叫做VSCode Rainbow Fart。它可以根据代码关键字播放贴近代码意义的真人语音，让你在编程时更有趣和更有动力。这些插件都可以通过在VSCode中的扩展商店进行安装和使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值