vscode
设置为中文
command shift p -> Configure Display Language
更换皮肤
Code -> 首选项 -> 颜色主题 -> Light+ (default light)
安装插件
# 写vue必备插件
vetur
# 路径自动补全
Path Intellisense
# 自动闭合标签
Auto Close Tag
# 当改标签名字是,同时修改闭合标签
Auto Rename Tag
# 格式化文件,保证正确的缩进
Beautify
# CSS提示插件
HTML CSS Support
# 标签提示
HTML Snippets
# 语法提示
language-stylus
# es6代码提示插件
JavaScript (ES6) code snippets
# 给文件夹增加图标的插件
VSCode Great Icons
# 颜色提示
VS Color Picker
# 快捷键提示
Vue 2 Snippets
# 代码提示
VueHelper
打开多个项目
command shift + n
自定义快捷键
Code -> 首选项 -> 键映射 -> Sublime Text Keymap and Settings Importer
Code -> 首选项 -> 键盘快捷方式
快捷键 | 描述 |
---|---|
alt + d | 将下一个查找匹配项添加到选择 |
alt + q | 选择所有找到的查找匹配项 |
command shift + l | 在行尾添加光标 |
command shift + p | 显示所有命令 |
command shift + f | 在文件中搜索 |
command + t | 转到文件 |
alt shift + f | 格式化代码 |
ctrl + ` | 呼出命令行窗口 |
F5 | 开始调试 |
通过JSON方式配置
Mac Book: command shift p -> 输入"打开键盘快捷方式(JSON)"
// 将键绑定放在此文件中以覆盖默认值auto[]
[
{
"key": "alt+d cmd+d",
"command": "editor.action.moveSelectionToNextFindMatch",
"when": "editorFocus"
},
{
"key": "cmd+k cmd+d",
"command": "-editor.action.moveSelectionToNextFindMatch",
"when": "editorFocus"
},
{
"key": "alt+d",
"command": "editor.action.addSelectionToNextFindMatch",
"when": "editorFocus"
},
{
"key": "cmd+d",
"command": "-editor.action.addSelectionToNextFindMatch",
"when": "editorFocus"
},
{
"key": "alt+q",
"command": "editor.action.selectHighlights",
"when": "editorFocus"
},
{
"key": "shift+cmd+l",
"command": "-editor.action.selectHighlights",
"when": "editorFocus"
},
{
"key": "ctrl+cmd+g",
"command": "-editor.action.selectHighlights",
"when": "editorFocus"
},
{
"key": "shift+cmd+l",
"command": "addCursorsAtSearchResults",
"when": "fileMatchOrMatchFocus && searchViewletVisible"
},
{
"key": "shift+cmd+l",
"command": "-addCursorsAtSearchResults",
"when": "fileMatchOrMatchFocus && searchViewletVisible"
},
{
"key": "shift+cmd+l",
"command": "selectAllSearchEditorMatches",
"when": "inSearchEditor"
},
{
"key": "shift+cmd+l",
"command": "-selectAllSearchEditorMatches",
"when": "inSearchEditor"
},
{
"key": "shift+cmd+l",
"command": "editor.action.insertCursorAtEndOfEachLineSelected",
"when": "editorTextFocus"
},
{
"key": "shift+cmd+l",
"command": "-editor.action.insertCursorAtEndOfEachLineSelected",
"when": "editorTextFocus"
}
]
Windows: ctrl shift p -> 输入"打开键盘快捷方式(JSON)"