一、设置中文界面。
- 使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入 “configure display language” 并点击确定。
- 修改locale.json文件下的属性 “locale” 为 “zh-CN”。
- 重启vscode工具,如果重启后vscode菜单等仍然是英文显示,在商店查看已安装的插件(Chinese(Simplied) Lang),把中文插件重新安装一遍,然后再重启工具。
二、开启 emmet 功能。
- 在setting中添加:
"emmet.triggerExpansionOnTab": true,
- 在.html文件里输入 “div.myclass,vscode” 会自动弹出提示,询问你是否展开该语法,按下tap键盘后会自动展开html。
- 在react/vue或模版jade里使用emmet:
//显式弹出语法展开提示
"emmet.showSuggestionsAsSnippets": true,
//将语法展开提示在提示列表中置顶
"editor.snippetSuggestions": "top",
//emmet只显示标记语言和样式表的展开提示
"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly",
//emmet能识别缩写语法的场景
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"vue-html": "html",
"plaintext": "jade"
}
!注意:自定义快捷键不要含有tab键, 否则会被优先级覆盖。
三、同步设置。
〔1〕github( Settings Sync )。
!注意:gist id 被墙,没代理的可使用后面的码云。
Setting Sync 可同步的用户配置:
- 设置文件
- 快捷键设置文件
- Launch File
- Snippets Folder
- VSCode 扩展设置
- 工作空间
1. 安装扩展:
① 应用商店中搜索并安装 Setting Sync。
2. 配置 github:
①(右侧个人设置下拉)github -> Your gists
② 找到最新的一条,点进去查看浏览器地址( https://gist.github.com/{username}/{gist_id} ),最后那一串字符串就是你的 gist Id。
③(右侧个人设置下拉)github -> Settings
④(左侧菜单栏)Developer settings -> Personal access tokens
⑤ 点击右侧按钮 Generate new token 新增一个token。
⑥ 记住生成的token值和GIST ID,之后就查不到了。
3. Setting Sync -> 扩展设置 填入 token 和 GIST ID。
4. 使用快捷键:
- 上传: Shift + Alt + U (Sync: Update / Upload Settings)
- 下载: Shift + Alt + D (Sync: Download Settings)
如果快捷键有冲突,可Ctrl + K + S 快捷键设置配置其它快捷键 或 Ctrl + P / F1 在命令窗口输入 >sync 即会出现相应命令供选择。
〔2〕码云( code settings sync )同步扩展配置( gitee-code-settings-sync )。
(1)配置码云。
- 注册并登录 码云。
- 设置 -> 私人令牌 -> 生成新的令牌:
私人令牌描述: vscode_sync
请选择将要生成的私人令牌所拥有的权限: gists
- 拷贝并保存生成的 token。
- 导航 -> 发布代码片段:
代码概要: vscode_sync
所属分类: 其它
编程语言: JavaScript
标签: vscode_sync
代码片段: code settings sync
- 查看代码片段,拷贝并保存浏览地址中的 gist Id:
https://gitee.com/{username}/codes/{gistid}
(2)配置 VSCode。
- 扩展 -> code settings sync -> 齿轮 -> 扩展设置
- 填入 保存的 token 与 gist Id。
- F1 进入命令面板:
上传命令: upload setting
下载命令: download setting
〔3〕微软设置自动同步。
- 活动栏底部“管理”齿轮菜单中的“打开设置同步...”条目来打开设置同步。
- 弹窗里选择: 打开。
- 设置同步里: 点击登录并打开 -> 稳定 -> 使用 Microsoft 登录 。
〔4〕VSCode 配置文件位置(本地)。
> --- Win10 ---
// 扩展目录
C:\Users\(计算机名)\.vscode-insiders\extensions
// 配置目录
C:\Users\(计算机名)\AppData\Roaming\Code - Insiders\User
settings.json //设置文件
keybindings.json //快捷键文件
> --- Win7 ---
// 扩展目录
C:\Users\Administrator\.vscode\extensions
// 配置目录
C:\Users\Administrator\AppData\Roaming\Code\User
settings.json //设置文件
keybindings.json //快捷键文件