vue-background-cover
v1.0.2
Published
vscode-background-cover
Downloads
4
Readme
{ "editor.mouseWheellZoom": true, "workbench.activityBar.visible": false, "window.zoomLevel": -1, "git.path": "C:/Program Files/Git/cmd/git.exe", "terminal.integrated.shell.windows": "C:\Windows\System32\cmd.exe", "emmet.triggerExpansionOnTab": true, "explorer.openEditors.visible": 0, "files.autoSave": "off", "workbench.startupEditor": "newUntitledFile", "editor.tabSize": 2, // 退格 "editor.minimap.enabled": false, // 右边mini浏览区 // filehead配置 "fileheader.Author": "李健", // By default, common template. Do not modify it!!!!! "fileheader.tpl": "/*\r\n * @ModuleName: \r\n * @Author: {author} \r\n * @Versions: v1.0.0 \r\n * @Date: {createTime} \r\n * @Last Modified by: {lastModifiedBy} \r\n * @Last Modified time: {updateTime} \r\n */\r\n", // By default, update file username. "fileheader.LastModifiedBy": "LJEARY", "prettier.tabWidth": 2, // 格式化退格量 "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" }, "vetur.format.defaultFormatter.html": "js-beautify-html", // vue格式化代码 "explorer.confirmDelete": false, // 以下为stylus配置 "stylusSupremacy.insertColons": true, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBraces": false, // 是否插入大括号 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 "stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行 "prettier.semi": false, // 不自动在js中添加分号 "prettier.singleQuote": true, // js字符串单引号不转换为双引号 // 一下两行, 方法名后 带空格 "vetur.format.defaultFormatter.js": "vscode-typescript", "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "files.exclude": { "/.git": true, "/.svn": true, "/.hg": true, "/CVS": true, "/.DS_Store": true, "/._.": true }, "breadcrumbs.enabled": true, "editor.renderWhitespace": "all", "cssrem.rootFontSize": 80, "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto" }, "prettyhtml": { "printWidth": 100, "singleQuote": false, "wrapAttributes": false, "sortAttributes": false } }, }
"background.enabled": true, "background.useDefault": false, "background.customImages": [ "file:///D:/like.jpg" ], "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", "width": "100%", "height": "100%", "background-position": "center", "background-repeat": "no-repeat", "background-size": "100%,100%", "opacity": 0.1 } 第一句"background.enabled": true,是插件是否启用,当我们把插件下载下来并且重启vscode之后,就已经有了这句话 第二句"background.useDefault": false,是否使用默认图片,改成false,不默认,我们要设置自己想要的! 第三句 设置路径,细心的道友已经注意到了,这是一个数组,也就是说可以设置多张不同的图片!记住,最多三张! /D:/like.jpg 是图片的路径地址 "background.customImages": [ "file:///D:/like.jpg" ], 最后就是background.style了,大家看着设置就好了,懂点css的都知道。注意后面的"opacity": 0.1透明度是可以设置的。 好啦,到此显示的就是这样子了
"backgroundCover.enabled": true
"background.customImages": [ "file:///F:/Picture/Yukino/vs_background.png", "file:///F:/Picture/Yukino/vs_background123.png" ], "background.styles": [ { "content":"''", "pointer-events":"none", "position":"absolute", "width":"100%", "height":"100%", "z-index":"99999", "background.repeat":"no-repeat", "background-size":"20%,20%", "opacity":0.1 }, { "content":"''", "pointer-events":"none", "position":"absolute", "width":"100%", "height":"100%", "z-index":"99999", "background.repeat":"no-repeat", "background-size":"30%,30%", "opacity":0.1 } ], "background.useFront": true, "background.useDefault": false,