【前端】vscode前端插件笔记

9月前作者：LAM LAB 分类：Toy博客阅读(47) 违法举报

这篇具有很好参考价值的文章主要介绍了【前端】vscode前端插件笔记。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前段vscode好用插件笔记

不需要安装已经自带

HTML Snippets
Path Intellisense
Auto Rename Tag
Bracket Pair Colorizer

核心好用

中文包关键步骤：control+shift+然后display language切换即可
open in browser
Live Server 实时效果显示
JS-CSS-HTML Formatter保存后格式自动缩进调整格式
CSS Peek 定义跳转

JS插件

JavaScript (ES6) code snippets文章来源地址https://www.toymoban.com/news/detail-680415.html

前端框架类

Vetur
ES7 React/Redux/
Angular Snippets (Version 12)
Angular Language Service
angular2-switcher

其他

Prettier - Code formatter 格式自动调整（上面已经重复）
indent-rainbow 缩进背景色
code-translate 学英语
Code Spell Checker 拼写检查
Dracula Official 吸血鬼主题
vscode-icons 图标更好看
Tabnine 代码补全插件

到了这里，关于【前端】vscode前端插件笔记的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

前端vscode必备插件推荐

目录一、前言二、工具推荐 1.《Chinese (Simplified) (简体中文) Language》 2.《ESLint》 3.《Git History》 4.vscode-icons 5.Path Intellisense 6.《Vetur》 7.《GitLens — Git supercharged》 8.《Image preview》 9.Debugger for Chrome 10.Prettier 11.AnyRule 13.Vue Language Features (Volar) 14.Vite 15.Code Spell Checker 16.Error Lens

2023年04月09日
浏览(54)
前端vscode必备插件(强烈推荐)

目录一、前言二、工具推荐 1.《Chinese (Simplified) (简体中文) Language》 2.《ESLint》 3.《Git History》 4.vscode-icons 5.Path Intellisense 6.《Vetur》 7.《GitLens — Git supercharged》 8.《Image preview》 9.Debugger for Chrome 10.Prettier 11.AnyRule 13.Vue Language Features (Volar) 14.Vite 15.Code Spell Checker 16.Error Lens

2024年02月06日
浏览(64)
VSCode前端必备插件2022版（持续更新）

VSCode作为我们前端主流的开发工具，优势自然在于它的扩展插件，可以有效地提高开发效率和团队协作，本文提高的都是UP主亲测，最底下贴入我的vscode设置，如果有发现不错的插件，小伙伴们也可以私信UP主，觉得UP主推荐的不错的小伙伴们，请多多支持！话不多说直接上。

2023年04月26日
浏览(42)
【vscode编辑器插件】前端 php unity自用插件分享

“思考是最困难的工作，这也许是为什么很少有人这样做。” - 亨利·福特（Henry Ford）无论是什么语言，我都会选择使用vscode进行开发，我愿称vscode为万能编辑器，他之所以这么强大，得益于丰富的免费插件市场 vscode插件五花八门，但也不是装越多越好，不必要和垃圾插件

2024年02月07日
浏览(58)
前端开发神器之 VsCode AI 辅助插件 DevChat

#AI编程助手哪家好？DevChat“真”好用 # 我们都有过写代码时反复看了半天也不知道bug在哪，大大浪费了时间。一些基础的代码可能看一会儿能够解决，但是复杂的代码就要花上一二个小时去检查，甚至更久。如果有个AI工具，可以帮助我们搞定基础代码，复杂的逻辑给我们提

2024年02月07日
浏览(38)
Vscode常用插件及设置(前端版，实时更新ing

写完代码后鼠标右击将代码在浏览器中运行汉化Vscode html、css、js、less图标显示代码块写完后使用Live Server，每次修改代码Ctrl+S后浏览器无需再刷新即可跟着变化，与win+左键或win+右键搭配爽歪歪，直接效率起飞！！！外联样式提示插件错误提示信息将.less文件生成一个.

2024年02月02日
浏览(46)
走进前端和vscode插件安装、认识浏览器、Gitee提交

前端的概念首先我们先了解一下前端的通俗概念：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验

2023年04月17日
浏览(39)
小陈笔记(一):Vscode 安装ESP-IDF插件

本文主要描述如何在Vscode安装esp-idf插件。同时也是记录自己在安装过程中遇到的日记。材料： 1.Windows10专业版 2.vscode稳定版本 3.esp-idf4.4.4版 4.硬件：esp32 vscode的安装教程网上有很多优秀的例程，这里就不要一一赘述

2024年04月22日
浏览(49)
【开发必备】推荐几个非常好用的前端VsCode插件，快来看看你都用过哪些？

VSCode是前端开发的武器，下面给大家推荐几个必备的、非常好用的前端VsCode插件 Better Align就是一款能够实现代码规范的工具，它主要用于代码的上下对齐。它能够用冒号（：）、赋值（=，+，-=，*=，/=）和箭头（=）对齐代码。它的主要功能是为代码中的括号或者其他符号配

2024年02月10日
浏览(44)
SCSS 学习笔记和 vscode下载live sass compiler插件配置

SCSS 是一个 CSS 的预处理器，是 CSS 的扩展语言，可以帮助我们减少重复的代码，生成更好的 CSS 格式化代码，并且兼容所有版本的 CSS SCSS 是对于 CSS3 的 SASS ，所以我们学的时候，把文件后缀写为 “.scss” 由于我们的配置，当遇到兼容性代码，出口文件会自动配置，如下图

2024年02月12日
浏览(40)