VsCode Snippets功能的使用

VsCode Snippets的Snippets功能 snippets是代码片段, 在这里的意思是代码模板. 在使用vscode写代码时,有时需要使用代码模板,一个典型的例子是在写文件头注释时,需要一个固定格式的注释,来表明当前的时间、作者等。 1. 使用内置的snippets vscode中已经为我们内置了许多语言的代码模板,在安装了对应的语言插件后,可直接使用这些snippets. 2. 安装来自marketplace的snippets 按Ctrl+Shift+X打开marketplace, 输入@category:"snippets",即可下载来自marketplace的snippets 3. 自定义snippets 如果你对内置的或来自marketplace的snippets均不满意,那么你可以自定义你的snippets. 在File > Preferences > User Snippets选项下,选择你要定义snippets的文件类型 在选择了文件类型之后,你就可以根据vscode提供的Example自定义snippets了. Example: "Print to console": { "prefix": "log", "body": [ "console.log('$1');", "$2" ], "description": "Log output to console" "Print to console"是你自定义的snippets的名字,prefix为前缀,在输入了你定义的prefix后,body中的内容就会输出到当前光标的位置. 在body中,你可以使用"variables“来描述你的snippets, 其格式为: ${1:label}: 其中的1表示在body输出后光标会第一个停放在这个位置,而label是对当前variables的描述. ${1|one, two, three|}: 这个语法格式将提醒你选择one, two, three中的一个值. $name或${name:default}: 其中的name为预定义的变量名,可使用default指定其默认值.预定义的变量名有如下: 有关文件与目录的 TM_SELECTED_TEXT当前选定的文本或空字符串 TM_CURRENT_LIN当前行的内容 TM_CURRENT_WORD光标下或空字符串下的单词内容 TM_LINE_INDEX基于零指数的行数 TM_LINE_NUMBER基于一个索引的行数 TM_FILENAME当前文档的文件名 TM_FILENAME_BASE没有扩展的当前文档的文件名 TM_DIRECTORY当前文档的目录 TM_FILEPATH当前文档的完整文件路径 CLIPBOARD剪贴板的内容 WORKSPACE_NAME打开的工作区或文件夹的名称 WORKSPACE_FOLDER打开的工作区或文件夹的路径 有关时间的...

March 8, 2021 · 1 min · 李昌

GitHub图床+vscode+Picgo

GitHub图床+vscode+Picgo 0. 来由 用markdown写博客的时候,图片往哪里存地干活?图床里存··· 1. GitHub配置 创建图床仓库 为了不污染我原来的git账号,我决定新建一个git账号,专门用作图床账号。 新建账号之后,new一个repo,啥都不用点,直接create。 生成token 点击你GitHub页面右上角的头像,点击settings 在页面左侧找到Developer settings,选择之,再找到Personal access tokens,再选择之,然后generate new tokens 在新弹出的页面中填写note,并选择repo, 然后直接到最下面,Generate token 这样GitHub会为你生成一个token(只会出现这一次),复制它留用。 2. 配置VScode中的Picgo插件 在vscode的插件商店中直接搜索Picgo,然后点击安装 安装完成后,再来配置你的Picgo File>Preferences>settings>Entensions>Picgo找到配置picgo的位置,填写必要的信息 "picgo.picBed.current": "github", "picgo.picBed.github.branch": "master", "picgo.picBed.github.path": "", # 你想要图片存储的路径 "picgo.picBed.github.repo": "", # 你的用户名以及repo名,user/REPO_name "picgo.picBed.github.token": "" # 刚才复制的token,粘贴到这里 3. 使用picgo上传图片 截个图并复制到剪贴板,在vscode里按下"CTRL+ALT+u",图片就可以十分迅速的上传到你配置的GitHub仓库并为你返回图片链接 ( ̄︶ ̄)↗。 END

March 5, 2021 · 1 min · 李昌