大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
前端VSCode常用插件
1.Chinese (Simplified)
vscode下载完毕是英文版的,先安装这个插件,改为中文版,所以是我们第一个安装的插件。

2.Auto Rename Tag
修改开始标签,结束标签跟着自动变化,比较好用。

3.One Dark Pro 颜色主题

4.格式化代码(vscode系统自带)
但是html标签嵌套比较多,可能需要自动格式化比较好,所以我们可以利用vscode自动的功能格式化代码,暂且不用格式化插件,自动保存照样能格式化代码。
(1) 点击管理按钮—选择里面的设置命令

vscode 管理–设置
(2)选择用户 —> 文本编辑器 —> 正在格式化 —> 勾选如下图的2个按钮

vscode自动格式化代码
这样,我们不用安装插件,就可以自动保存自动格式化代码了。
4.open in browser 浏览器预览页面
编写完代码,需要浏览器预览,可以安装这个插件

5. vscode-icons 设置文件图标主题

可以很清楚看到文件对用的图标。

7. Easy LESS 编译less文件

我们写的less不能直接引入到html文件中, 通过这个插件可以自动帮我们生成 css文件
8.小程序助手

帮助将应用程序项目转换为其他类型
9.Auto Close Tag

自动添加 HTML/XML 关闭标签,与 Visual Studio IDE 或 Sublime Text 相同
10.Auto Complete Tag

扩展包为 HTML/XML 添加关闭标签并自动重命名配对标签
11.Beautify

为 VS Code 美化代码
12.CSS Tree

从选定的 HTML/JSX 生成 CSS 树
13.EditorConfig for VS Code

Visual Studio Code 的 EditorConfig 支持
14.ESLint

将 ESLint JavaScript 集成到 VS Code 中。
15.Git Blame

在状态栏中查看 git blame 信息。
16.Git History

查看 git 日志、文件历史、比较分支或提交
17.GitLens — Git supercharged

增强 Visual Studio Code 中制造的 Git 功能
18.HTML CSS Support

用于 HTML 的 CSS 智能感知
19.JavaScript (ES6) code snippets

ES6 语法中的 JavaScript 代码片段
20.language-stylus

Stylus language支持
21.Live Share

使用您最喜欢的工具进行实时协作开发。
22.Path Intellisense

自动补全文件名的 Visual Studio Code 插件
23.Prettier – Code formatter

使用更漂亮的代码格式化程序
24.Preview

Markdown、重构文本、HTML、Jade、Pug、图像、CSS预览器。
25.px to rem

将 px 转换为 rem,反之亦然
26.Sass

缩进的 Sass 语法高亮、自动完成和格式化
27.uniapp-snippet

uniapp片段提示
28.Vetur

用于 VS Code 的 Vue 工具
29.Visual Studio IntelliCode

人工智能辅助开发
30.vscode wxml

vscode的微信wxml支持/片段
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/164349.html原文链接:https://javaforall.net
