VS Code常用前端开发插件和基础配置

VS Code插件安装

在这里插入图片描述

VS Code提供了非常丰富的插件功能,根据你的需要,安装对应的插件可以大大提高开发效率。

完成前端开发,常见插件介绍:

1、Chinese (Simplified) Language Pack

适用于 VS Code 的中文(简体)语言包

在这里插入图片描述

2、Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将 banane 添加至检查器的字典中。

在这里插入图片描述

3、HTML CSS Support

在编写样式表的时候,自动补全功能大大缩减了编写时间。

在这里插入图片描述

4、JavaScript (ES6) code snippets

支持ES6语法提示

在这里插入图片描述

5、Mithril Emmet

一个能大幅度提高前端开发效率的一个工具,用于补全代码

在这里插入图片描述

6、Path Intellisense

路径提示插件

在这里插入图片描述

7、Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。

在这里插入图片描述

8、VueHelper

vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码

在这里插入图片描述

9、Auto Close Tag

自动闭合HTML/XML标签

在这里插入图片描述

10、Auto Rename Tag

自动完成另一侧标签的同步修改
在这里插入图片描述

11、Beautify

格式化 html ,js,css

在这里插入图片描述

安装过程中, 如果提示是否需要继续安装, 选择 “仍要安装”。

12、Bracket Pair Colorizer

给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

在这里插入图片描述

安装过程中, 如果提示是否需要继续安装, 选择 “仍要安装”。

13、open in browser

vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari

在这里插入图片描述

14、Vetur

Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

在这里插入图片描述

15、File Utils

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。

在这里插入图片描述

16、IntelliJ IDEA Keybindings

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。

在这里插入图片描述

VS Code 配置

打开配置面板,根据自己的喜好,可以修改字体、背景样式等偏好设置
在这里插入图片描述

VS Code 快捷键

在这里插入图片描述

相关推荐

  1. 前端开发vscode 记录

    2024-03-31 23:06:01       24 阅读
  2. Idea、VsCode、WebStorm

    2024-03-31 23:06:01       11 阅读
  3. VSCODE

    2024-03-31 23:06:01       6 阅读
  4. vscode 扩展

    2024-03-31 23:06:01       8 阅读

最近更新

  1. leetcode705-Design HashSet

    2024-03-31 23:06:01       8 阅读
  2. Unity发布webgl之后打开streamingAssets中的html文件

    2024-03-31 23:06:01       8 阅读
  3. vue3、vue2中nextTick源码解析

    2024-03-31 23:06:01       8 阅读
  4. 高级IO——React服务器简单实现

    2024-03-31 23:06:01       8 阅读
  5. 将图片数据转换为张量(Go并发处理)

    2024-03-31 23:06:01       7 阅读
  6. go第三方库go.uber.org介绍

    2024-03-31 23:06:01       8 阅读
  7. 前后端AES对称加密 前端TS 后端Go

    2024-03-31 23:06:01       10 阅读

热门阅读

  1. c语言:把百分制转化为等级制度(switch语句)

    2024-03-31 23:06:01       6 阅读
  2. 搭建语音打电话机器人需要哪些技术和资源

    2024-03-31 23:06:01       5 阅读
  3. 座次问题(蓝桥杯)

    2024-03-31 23:06:01       4 阅读
  4. css页面搭建案例

    2024-03-31 23:06:01       5 阅读
  5. 输入 wo xiang he ni jao peng you.,倒着打。

    2024-03-31 23:06:01       4 阅读
  6. NC20128 不重复数字

    2024-03-31 23:06:01       3 阅读
  7. ES6:Map()与WeakMap()

    2024-03-31 23:06:01       3 阅读
  8. 探索Vue脚手架:构建现代化Web应用的利器

    2024-03-31 23:06:01       4 阅读