开发工具 Vscode 实用技巧
作者: dkvirus 发表于: 2018-06-25 15:41:00 最近更新: 2018-08-12 20:28:46

1. 运行编写的 html 插件

安装 View In Browser 插件。右键要运行的 xxx.html,选择 View In Browser 或者快捷键 Ctrl + F1 快速在浏览器中打开。

2. 常用快捷键

  • Ctrl + Shift + N 打开一个 vscode 新窗口,在 mac 电脑上快捷键是 command + shift + N
  • Ctrl + ~ 隐藏/显示终端,~ 键为 tab 键上面那个按键;
  • Ctrl + k Ctrl + 0 执行两个组合键,第二个组合键是零不是哦,折叠方法,看源码的时候很有帮助;
  • Ctrl + k Ctrl + j 执行两个组合键,展开折叠的方法,看源码时有帮助;
  • Ctrl + p 打开快捷输入框;

3. html 自动补全标签

下载插件 emmet

首选项 => 设置 => 打开 User Settings => 在右边 用户设置 中复制如下代码即可。

1
2
3
4
5
6
7
8
9
10
11
12
{
// 启用后,按 TAB 键时,将展开 Emmet 缩写。
"emmet.triggerExpansionOnTab": true,

// 添加需要补全的文档格式
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html",
"typescript": "html"
}
}
首页
友链
归档
dkvirus
动态
RSS