vscode插件以及配置集合

vscode插件安装,下载vscode后,直接安装以下插件,可得劲,可中!!!

----Chinese

此中文(简体)语言包为 VS Code 提供本地化界面。
适用于 VS Code 的中文(简体)语言包

----Autoprefixer

下载安装之后
设置快捷键
编辑器界面首选项–快捷键


双击绑定快捷键

----HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式
新版已经支持scss文件检索
智能提示CSS类名以及id
在这里插入图片描述

----jQuery Code Snippets

jQuery代码智能提示
在这里插入图片描述

----open in browser

open in browser是VScode的常用插件,它的作用是可以把编辑的HTML文件等用浏览器打开,查看效果。
在这里插入图片描述

----Easy Less

1、在vs-code中下载安装Easy-less插件。
2、打开设置搜索 easy less后
在这里插入图片描述

3、在settings.json文件,内容如下:

{
    "less.compile": {
        "compress": false,//是否压缩
        "sourceMap": false,//是否生成map文件,有了这个可以在调试台看到less行数
        "out": "../css/", // 是否输出css文件,false为不输出
        "outExt": ".css", // 输出文件的后缀
    },
}

在这里插入图片描述

----Live Server

在这里插入图片描述
1、在vscode扩展中搜索live server,并安装即可
2、在html中右键可以打开
在这里插入图片描述

----Vue VSCode Snippets 和 Vetur

一块安装,支持vue语法
在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ding___dong

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值