vscode安装使用常用到的插件有哪些哟

01---快速生成组件语法模板的插件:Auto Close Tag,< 生成vue模板

Auto close Tag      

02---修改自闭合标签时,开始标签和结束标签同时变更(自闭合标签和自定义标签会存在一些问题,请谨慎使用)。

Auto Rename Tag     

03---使用bootstrap3框架开发页面的插件,可以最大化帮助开发者提高开发效率,

使用,在编辑器里面输入"<bs",马上就会有相应提示 出现,然后点击确认即可。

Bootstrap 3 Snippets

04---可以为你把成对的括号做颜色区分,并且提供一根连接线。方便我们审阅代码结构

Bracket Pair Colorizer

05---给vscode设置中文语言包,让app更易阅读通俗易懂

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

06---在style样式的颜色上悬停光标,就可以预览色块中色彩模型的详细信息

color Info

07---鼠标光标放在定义好的类名上,按住ctrl键,可以显示定义的样式代码,跳转到样式,按住CTRL键同时点击样式类的名称或者在类的名称上按F12键即可跳转到样式的定义

CSS Peek

08---代码检查工具

ESLint

09---express是node.js的快速、非选择性、简约的web框架。使用express就可以轻松快速的创建强大的API

Express

10---Snippet 是一款Jquery高亮插件,提供了一个快速和简便的在html中高亮显示源代码的方式。

HTML Snippets

011--- 用于显示在代码编辑器中导入的包的导入大小

Import Cost

012---  jQuery Code Snippets - Visual Studio Marketplace,只需键入字母 'jq' 即可获得所有可用 jQuery 代码片段的列表,输入jq可以选择不同的jq代码片段

jquery Code Snippets

013---在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果

Live Serve

014---代码颜色主题

One Dark Pro  

015---快速打开html文件到浏览器预览

open in browser

016---是一款自动完成文件名、文件路径的 VS Code 插件,配置用@符号代替../繁琐的路径,详解配置见链接  如何完美集成Path Intellisense 或 Path Autocomplete - 简书

Path Intellisense

017--- 一款VS code内置浏览器插件可在app出预览代码效果,右键点击代码文件,选择vscode-preview-server:Preview on side panel即可打开内置浏览器, 快捷键Ctrl+Shift+V

Preview on Web Server

018---单位换算插件

px to rem & rpx & vw (cssrem)

019--- 多种语言根据代码需求自动建议一键完成的代码,减少拼写错误,加快编码速度

Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more

020---内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能

vetur

021---提供了非常漂亮的目录树图标主题

vscode-icons

022---允许在你当前打开的文件和前一个文件之间快速切换

vscode-intellij-recent-files

023---vue代码提⽰插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码提⽰

VueHelper

024---vuex代码提示状态管理插件

Vuex Suggest

025---在 vue 组件中查看 vuex 定义的插件,直接跳转到定义

在 vue 组件中查看 vuex 定义 - 掘金

vuex-peek

026--- @变量名:值;需要将less编译成css文件才可以使用,使用Easy LESS插件,用这个插件写完less文件保存后就会自动生成一个相匹配的css文件

Less 基础 easyless 插件_吱昂张……的博客-CSDN博客_easy less插件

Easy LESS

027---小程序开发有时会使用 easy sass 插件,在 vsCode 中配置自动转换

vsCode 配置 easy sass 插件转换 css、wxss、acss_FE-阿阳的博客-CSDN博客_easy sass插件

Easy Sass

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值