vscode 实用插件

Posted duanfuying

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode 实用插件相关的知识,希望对你有一定的参考价值。

  插件的选择及安装:

  vscode界面的左上角五个图标的最后一个图标(扩展),点击后出现可安装的插件列表,点击安装即可,不需要进行其他的操作(根据自己的需要添加适合自己的插件)

 

1.Autoprefixer 

  为css、sass、less自动添加浏览器前缀或浏览器兼容的css代码

使用方式:编写完标准样式的css或sass、less代码后,按f1出现帮助的输入窗口,输入Autoprefixer后点击,插件立即运行,即出现兼容的css代码

2.Easy Sass

  保存sass时自动编译成css、min.css文件

文件--首选项--设置  右边的用户设置里加入 ,左侧是默认的设置  

   "easysass.targetDir": "./css"      // 设置sass编译后的文件的输出位置,不修改默认是根目录

 

 

 

今天先写在这里,稍后有时间在添加

 

以上是关于vscode 实用插件的主要内容,如果未能解决你的问题,请参考以下文章

实用vscode插件:自动帮你写console.log —— Turbo Console Log

vscode 实用插件

Vscode - 超实用插件推荐

Vscode - 超实用插件推荐

Vscode敲实用的拓展插件推荐(持续更新)

VSCode 最全实用插件(VIP典藏版)