vscode编辑器的基本扩展插件推荐使用

Chinese(中文简体)

适用于英语比较不好的同学,方便使用快速上手vscode编辑器

Auto Rename Tag

能使双标签修改任意一个标签内的字母时,另一个能同时修改或更新

Prettier - Code formatter

保存文件时格式化代码使其代码更美观,在设置点开后,搜索栏输入format on save 找到对应的√即可

indent rainbow

使代码的边距缩进距离有颜色变化,界面友好

Brack Pair Colorizer2

使js的[]、{}会有颜色变化和线提示,界面友好

material Icon Theme

可以设置vscode界面的颜色主题和css、js、html等的文件图标颜色,直接一起有,不用分开下载界面颜色主题和文件图标主题

css peek

在html代码中点击id、class等 会找到定义的css文件位置

Html css Support

就是先定义好css样式的类名和id,直接在html中 .类名 #id就可创建

expand-region

可以选中一个标签内所有的文件。也就是区域选中,记住快捷键按ctrl+W马上区域选中生效或者可以快捷键ctrl+shift+p后在输入框输入expand-region 点击也会区域选中生效(其它插件扩展生效的都可以快捷键ctrl+shift+p这样操作的)

live Server

安装了一个本地服务器,经常使用的,右键
Open with Live server

ESLint

检查 JS 语法

TSLint

检查 TS 语法

open in browser

右键可以选择默认浏览器和其它浏览器
在这里插入图片描述

Vetur

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

React/Redux/react-router Snippets

React和Redux和react-router语法智能提示

jQuery Code Snippets

jQuery代码智能提示,如func,jqon,jqajax

JavaScript(ES6) code snippets

ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

HTML Snippets

智能提示HTML标签,以及标签含义好像没怎么体现

Path Intellisense

自动提示文件路径,支持各种快速引入文件

Terminal

编辑器中直接右键Open in integrated Terminal运行终端命令

VueHelper

vue的代码提示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值