Idle Works, Idle Thoughts

Visual Studio Code

Visual Studio Code是微软发布的跨平台编辑器,在某些场合下我用VS Code来代替Vim

打开配置:

Code -> Prereferences -> User Settings

在自定义配置(一个json文件)里添加:

"editor.wrappingColumn": 0,
"editor.fontSize": 15,

wrappingColumn控制自动换行。设置为0表示如果超出屏幕(viewpoint)后就自动换行(wrap)。

fontSize控制字体大小。默认字号较小,此处修改为了15.

插件

可以从VS Code Marketplace查找插件。通过命令:shift + cmd + p,输入如下命令即可安装插件:

ext install EXTENSION

amVim

虽然我有时会用VS Code来替代Vim,但依然安装了Vim插件。在VS Code左下角有一个插件图标,点击后运行命令:

ext install amVim

即可安装一个流行的Vim插件。

同步代码片段

用GitHub Gist同步代码片段。

一、首先安装插件:

ext install code-settings-sync

二、到GitHub生成一个新的访问令牌:Settings / Personal Access Tokens / Generate New Token

2.1 选择Scopes,选择Gist即可。

2.2 生成Token。保存好这个token,不要泄露。

三、上传本地代码片段(Upload)

在VS Code中输入shift + alt + u,输入GitHub Token,即可上传本地的代码片段。

四、下载本地代码片段(Download)

在VS Code中输入shift + alt + d,输入GitHub Token,即可下载代码片段到本地。

查看SVG图片

VS Code遇到普通图片格式,会直接显示图片,但如果是SVG图片,则会显示XML文件。可以下载一个插件以显示SVG图片:

ext install vscode-svgviewer

安装后,打开SVG图片后,依然默认显示XML文件,输入alt + s + o即可显示SVG图片。

定制

代码片段(Snippet)

把常用代码写成一个代码片段(Snippet),以便之后复用。例如BootStrap标签非常的长,每次都手工输入会死人的。你可以先安装这个插件体验以下:

ext install bootstrap-3-snippets

这样每当你在HTML文档中输入bs时,就会自动提示各种BootStrap标签。我们也可以自建代码片段。

其他

文件Diff

比较2个文件。先选中一个文件,右键,选择“选中以比较”。再选择另一个文件,右键,选择“与xx比较”。

版本发行笔记

2016年6月发布的v1.2,VS Code for Mac 1.2 有中文输入问题。当键入中文时,会自动冒出一堆无关中文。解决方法:回退到上一个版本(v1.1.1)。配置不自动升级:

"update.channel": "none"