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

  

  

<>强打开设置界面

  

许多设置都需要在设置界面进行,所以想要配置第一步就应该是打开设置界面。
  1比;鼠标操作打开.File——比;偏好——比;设置

  

 VSCode的使用配置以及VSCode插件的安装教程详解“> <br/>
  2比;界面左下角的设置图标<br/>
  <img src=

  

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

  

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

  

<强>选项卡键的缩进控制

  

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

  

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

  

  

<>强插件安装

  

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

  

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

  

打开插件管理页面后,具体如下:

  

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

  

点击安装就可以安装了,安装了之后安装就会变成下面这样:

  

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

  

<>强插件列表:

  
      <李> SVN(不解释)   <李> Vetur——语法高亮,智能感知,蚂蚁等李   <李>包含格式化功能,Alt + Shift + F(格式化全文),Ctrl + K Ctrl + F(格式化选中代码,两个Ctrl需要同时按着)   <李> EsLint——语法纠错李   <李>自动关闭标签,自动闭合HTML/XML标签(这个我没装)   <李>自动重命名标签——自动完成另一侧标签的同步修改(这个我也没装)   <李> JavaScript (ES6)代码片段——ES6语法智能提示以及快速输入,除js外还支持.ts, .jsx, .tsx, . html, .vue,省去了配置其支持各种包含js代码文件的时间李   <李>道路智能感知——自动路劲补全李   <李> HTML CSS支持——让HTML标签上写类智能提示当前项目所支持的样式李   <李> vue李   
  

  

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

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