个人知识库668

Appearance

On this page

vscode配置 ​

vscode插件 ​

macro(行尾加封号) ​

在扩展面板安装 macros 之后打开配置：添加插件配置语句：

json
"macros": {
    "end_semicolon": [ // 末尾加分号
        "cursorLineEnd",
        {
            "command": "type",
            "args": {
                "text": ";"
            }
        },
    ],
    "end_colon": [ // 末尾加冒号
        "cursorLineEnd",
        { "command": "type",
            "args": {
                "text": ":"
            }
        },
    ],
},

code->首选项->键盘快捷键 中设置按键绑定:

json
{
    "key": "alt+;",
    "command": "macros.end_semicolon"   
},
{
    "key": "alt+shift+;",
    "command": "macros.end_colon"
},

alt+;（行尾自动加分号）、alt+cmd+;（行尾自动加冒号）

实用插件 ​

  • Better Comments: 美化注释插件：可以在注释中添加 ! ? * ~ todo等字符达到高亮注释的目的，同时支持自定义字符和高亮颜色。
  • KoroFileHeader: 注释自动生成插件，还支持强大的自定义样式功能。
  • open in browser: 在浏览器中打开页面插件，方便实用。

markdown相关插件 ​

  • markdownlint：不符合规范的markdown内容就会有黄色波浪线来提示及时修正。并且可以打开实时预览输出的效果
  • ……

Python相关插件 ​

  • Python：内置非常多实用功能，可将代码分块运行调试。
  • Python Preview：可以预览python程序每一步执行过程。
  • Python snippets：代码提示，还有很多例句，方便新手使用。

css相关插件 ​

  • Live Sass Compiler: sass编译插件，可以深层编译sass，支持输出路径。编译bootstrap等源码不在话下。

vscode设置 ​

字体设置 ​

windows系统下vscode最好看的字体：Menlo。

自定义主题样式 ​

找一款喜欢的主题很难，找到适合自己的主题更难，我们为什么不自己动手丰衣足食？

替换当前主题语法高亮与字形 ​

1、在“文件-首选项-设置”打开settings.json文件添加如下代码：

json
"editor.tokenColorCustomizations": {
    //在[]里填写你使用的主题名称，例如我使用的是One Dark Pro主题
    "[One Dark Pro]": {
        //这里可以自定义一些简单的样式颜色。
        "numbers": "#C178DD",//例如：修改数字的高亮颜色
        "variables": "#6b9dc9",//例如：修改变量的高亮颜色
        //对于其他更复杂的颜色设置可以在下面设置
        "textMateRules": [ //例如修改一些函数的高亮颜色
            {
                "name": "Functions",
                "scope": "entity.name.function, meta.require, support.function.any-method",
                "settings": { "foreground": "#30a0dd" }
            }
        ]
    }
}

关于textMateRules中更复杂的一些颜色配置，可以参考主题的json文件，将主题中需要修改的配置项代码copy到"textMateRules":中进行修改即可。

主题json文件路径一般是在：

path
C:\Users\用户名\.vscode\extensions\主题名称\theme

替换当前主题编辑器样式 ​

如果需要自定义除代码高亮以外的编辑器颜色设置，那么可以通过以下代码（插入方式同上）：

json
"workbench.colorCustomizations":{
    "[One Dark Pro]": { //在这里面自定义编辑器颜色配置
        "editor.selectionHighlightBorder": "#ffffff10",//示例
    }
}

切记不可以直接在主题json文件上修改，因为一旦原主题升级，你的修改都会被覆盖。

代码片段技巧 ​

我们可以在代码片段里面使用vscode内置的很多变量：

例如在代码片段中调用当前文件的名称：

json
$TM_FILENAME_BASE   // 当前文档的文件名
$TM_FILENAME        // 当前文档的文件名+后缀

我们还可以将他们大小写转换

json
${TM_FILENAME_BASE/(.*)/${1:/upcase}/}      // 转为大写
${TM_FILENAME_BASE/(.*)/${1:/downcase}/}    // 转为小写
  • 官方相关文档:

代码片段

代码片段语言

创建代码片段插件

emmet设置

python代码片段 ​

我已经在vscode中整理了大部分的python代码，索引表如下

索引关键词说明
file文件相关操作
csvcsv读写相关操作
osos相关操作
str | list | dict | tuple | set | json数据相关操作
shuju数据类型转换等相关
random | suiji随机相关
time | datetime | date时间日期相关
sqlsql增删改查相关
requestsrequests库相关
xpathxpath操作相关
mysql | pymysqlpymysql库相关操作
excel | excel-sheet | excel:wb | excel:wsOpenPyXl库 (Excel)相关操作

在vscode中输入相关的关键词索引即可调出相应的代码片段