Easy Sass — scss/sass文件保存可自动生成并同步编译成同名css文件
Easy less — less文件保存可自动生成并同步编译成同名css文件
CSS Peek — 自动查找CSS文件
px2rem — px值转rem
SVG Viewer — 预览SVG图片
Path Intellisense — 编辑器中输入路径时,自动补全
beautify— javascript, JSON, CSS, Sass, HTML 代码高亮
JavaScript (ES6) code snippets ES6语法代码段
File Peek — 鼠标移到路径名按住ctrl可打开文件(文件追踪)
Partial Diff 对比两段代码或文件
IntelliSense for CSS class names — CSS类名智能命名提示
JavaScript (ES6) code snippets — JS语法提示
vccode的settings.json基本配置:
{
"less.compile": {
"compress": true, // 是否删除多余空白字符
"sourceMap": false, // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
"out": true, // 是否输出css文件,false为不输出
"outExt": ".css", // 输出文件的后缀,默认为.css
},
"window.zoomLevel": 0,
"px2rem.rootFontSize": 100,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[javascript]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"workbench.colorTheme": "Visual Studio Light"
}