脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 相关技巧 → VSCode的使用配置及插件安装

VSCode的使用配置以及VSCode插件的安装教程详解

 更新时间：2020年08月24日 10:30:21   作者：冰糖棉花  
这篇文章主要介绍了VSCode的使用配置以及VSCode插件的安装教程详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

配置篇

打开设置界面

许多设置都需要在设置界面进行，所以想要配置第一步就应该是打开设置界面。
1> 鼠标操作打开。File --> Preferences --> Settings

鼠标操作打开设置
2> 界面左下角的设置图标
通过左下角的图标打开设置

打开设置有的是代码视图，有的不是，可以通过设置右上角的三个点进行切换。

在这里插入图片描述

tab键的缩进控制

VSCode默认的tab键是缩进4个空格，但是有很多时候我们需要修改这个缩进，如vue用ES6的时候缩进4个空格会报错，这里我们就可以修改这个配置。
首先就是打开设置 直接搜索 tabSize 将后面的4改成2即可，

在这里插入图片描述

插件篇

插件安装

安装的插件非常简单，我是直接点右侧的Extensions进行安装的，安装过程需要联网。

在这里插入图片描述

打开插件管理页面后，具体如下：

在这里插入图片描述

点击install就可以安装了，安装了之后 install就会变成下面这样：

在这里插入图片描述

插件列表：

  1. SVN—(不解释)
  2. Vetur—— 语法高亮、智能感知、Emmet等
  3. 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）
  4. EsLint —— 语法纠错
  5. Auto Close Tag —— 自动闭合HTML/XML标签（这个我没装）
  6. Auto Rename Tag —— 自动完成另一侧标签的同步修改（这个我也没装）
  7. JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
  8. Path Intellisense —— 自动路劲补全
  9. HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式
  10. vue

总结

到此这篇关于VSCode的使用配置以及VSCode插件的安装教程详解的文章就介绍到这了,更多相关VSCode的使用配置及插件安装内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • HTTP请求首部字段及响应首部字段详解

    HTTP请求首部字段及响应首部字段详解

    这篇文章主要介绍了HTTP请求首部字段及响应首部字段,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06
  • 分享几道和「滑动窗口」有关的算法面试题

    分享几道和「滑动窗口」有关的算法面试题

    本文是小编和大家分享的几道和「滑动窗口」有关的算法面试题,需要的朋友可以参考下
    2019-08-08
  • 树莓派安装mjpg-streamer使用摄像头的方法

    树莓派安装mjpg-streamer使用摄像头的方法

    这篇文章主要介绍了树莓派安装mjpg-streamer使用摄像头,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-03-03
  • 详解Chrome 实用调试技巧

    详解Chrome 实用调试技巧

    这篇文章主要介绍了详解Chrome 实用调试技巧，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Git提交代码错了吃后悔药的几种常用办法(场景分析)

    Git提交代码错了吃后悔药的几种常用办法(场景分析)

    这篇文章主要介绍了Git提交代码错了吃后悔药的几种常用办法,本文分为多个场景，通过实例代码给大家介绍的非常详细，需要的朋友可以参考下
    2020-12-12
  • Git的使用规范流程总结

    Git的使用规范流程总结

    大家都明白在团队开发中，遵循一个合理、清晰的Git使用流程，是非常重要的。否则，每个人都提交一堆杂乱无章的commit，项目很快就会变得难以协调和维护。所以这篇文章给大家分享了Git的使用规范流程，有需要的可以参考借鉴。
    2016-09-09
  • Kali渗透测试之使用Metasploit对Web应用的攻击

    Kali渗透测试之使用Metasploit对Web应用的攻击

    这篇文章主要介绍了Kali渗透测试：使用Metasploit对Web应用的攻击,这种漏洞源于Web应用程序没有对用户输入的内容进行准确的验证，从而导致操作系统执行了攻击者输入的命令，需要的朋友可以参考下
    2022-05-05
  • vscode终端输出中文乱码问题解决图文教程

    vscode终端输出中文乱码问题解决图文教程

    我们在使用vscode的时候常会遇见各种问题,下面这篇文章主要给大家介绍了关于vscode终端输出中文乱码问题解决的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • 调用无文档说明的 Web API过程描述

    调用无文档说明的 Web API过程描述

    这篇文章主要为大家介绍了调用无文档说明的Web API过程描述，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪<BR>
    2022-03-03
  • 邮件的协议及服务器工作原理

    邮件的协议及服务器工作原理

    本系列教程将会讲解邮件的基本常识与概念，邮件的协议以及邮件服务器的工作原理，然后用JavaMail发送邮件的基本实现过程，邮件内嵌图片等高级邮件技巧。相信大家看完后，一定会有所收获
    2022-05-05

最新评论