VSCode的使用配置以及VSCode插件的安装教程详解
作者:冰糖棉花 发布时间:2023-05-31 14:48:46
配置篇
打开设置界面
许多设置都需要在设置界面进行,所以想要配置第一步就应该是打开设置界面。
1> 鼠标操作打开。File --> Preferences --> Settings
2> 界面左下角的设置图标
打开设置有的是代码视图,有的不是,可以通过设置右上角的三个点进行切换。
tab键的缩进控制
VSCode默认的tab键是缩进4个空格,但是有很多时候我们需要修改这个缩进,如vue用ES6的时候缩进4个空格会报错,这里我们就可以修改这个配置。
首先就是打开设置 直接搜索 tabSize 将后面的4改成2即可,
插件篇
插件安装
安装的插件非常简单,我是直接点右侧的Extensions进行安装的,安装过程需要联网。
打开插件管理页面后,具体如下:
点击install就可以安装了,安装了之后 install就会变成下面这样:
插件列表:
SVN—(不解释)
Vetur—— 语法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)
EsLint —— 语法纠错
Auto Close Tag —— 自动闭合HTML/XML标签(这个我没装)
Auto Rename Tag —— 自动完成另一侧标签的同步修改(这个我也没装)
JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
Path Intellisense —— 自动路劲补全
HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式
vue
来源:https://blog.csdn.net/m0_37520980/article/details/83342521


猜你喜欢
- 使用jmail组件发送邮件:Function JMail(Send_From,Send_To,Send_Subject,Send_
- 前言之前做了一个校园交友的APP,其中一个逻辑是通过用户的教务系统来确认用户是一名在校大学生,基本的想法是通过用户的账号和密码,用爬虫的方法
- 本文实例讲述了python解析xml的方法。分享给大家供大家参考,具体如下:xml是除了json之外另外一个比较常用的用来做为数据交换的载体
- 手动安装Anaconda环境变量安装 Anaconda后,在命令行执行python命令或conda命令会报错无法找到此时就需要我们手动添加环
- MySQL启动报错window10上安装了MySQL之前使用都是执行net start mysql启动,执行net stop mysql关闭
- 一、JS介绍  Javascript是一种由Netscape(网景)的LiveScript发展而来的原型
- 本文主要介绍了Python pandas 重命名索引和列名称的实现,分享给大家,具体如下:df=pd.DataFrame(np.arange
- 本文主要介绍了pandas导出数据到文件的四种方式,分享给大家,主要也是给自己留个笔记,具体如下:import pandas as pdim
- 正常时间显示<SCRIPT language=javascript><!--function Ye
- 操作步骤:一、安装MySQL数据库1、下载MySQL-5.6.17-winx64.zip文件。2、解压到指定目录,本例为D:\mysql-5
- 1、背景介绍在采用通常的socket抓包方式下,操作系统会自动将收到包的VLAN信息剥离,导致上层应用收到的包不会含有VLAN标签信息。而l
- 本文实例讲述了python实现数值积分的Simpson方法。分享给大家供大家参考。具体如下:#coding = utf-8#simpson
- 开篇:测试过程中,对于多参数参数多值的情况进行测试用例组织,之前一直使用【正交分析法】进行用例组织,说白了就是把每个参数的所有值分别和其他参
- 两年前发表的《The visual design of Web 2.0》中提到“Rounded everything”,圆角因使人感觉舒适的
- 异常捕捉:try: XXXXX1 raise Exception(“xxxxx2”) except (Exception1,Excepti
- 1、使用mysqldump工具将MySql数据库备份mysqldump -u root -p -c --default-character-
- 简介subprocess是子流程,即进程的意思,该模块可以启动一个新进程,并连接到它们的输入/输出/错误管道,从而获取返回值。常用方法和接口
- 本文实例为大家分享了python使用matplotlib画柱状图、散点图的具体代码,供大家参考,具体内容如下柱状图(plt.bar)代码与注
- 通常情况下,我们想构建一张表单时会在模板文件login.html中写入<form action="/your-name/&q
- TensorFlow更新模型变量。它能一次操作一个数据点,也可以一次操作大量数据。一个训练例子上的操作可能导致比较“古怪”的学习过程,但使用