IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 前端VSCode常用插件 -> 正文阅读

[开发工具]前端VSCode常用插件

前端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支持/片段

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-08-07 12:17:48  更:2021-08-07 12:18:30 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/20 15:16:06-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码