vscode emmet默认模板_开发环境搭建之VSCode、Cmder

VSCode 的安装与配置

从官网下载安装包，安装时把以下选项选中：

配置

VSCode 的配置方式是打开「文件 - 首选项 - 设置」，对应快捷键为 Ctrl + ,

在搜索框搜索想要配置的东西，比如搜索 font size 或者font family。

根据描述修改输入框中的值即可，不需要点击保存（没有保存按钮）。

推荐auto save：

设置字体与字号

搜索 font size

将 Editor: Font Size 的值改为 14 或 16 或 18 等。

字号就变大了。

设置字体也是类似，搜索 font family 或者字体

推荐字体：

Fira Code, Consolas, 'Courier New', monospace

使用

1. 找个地方新建一个目录（目录名不要中文），假设目录名为 vs-demo
2. 右键点击该目录，open with code
3. 使用 Ctrl+Shift+E 打开资源管理器，在 vs-demo 目录里新建 HTML 文件，文件名为 index.html
4. 在 index.html 依次输入：英文感叹号、<kbd>回车</kbd> 键，即可看到一个完整的 HTML 页面

• 由于 vscode 时常更新，如果 <kbd>回车</kbd> 键不行，就试试 <kbd>Tab</kbd> 键

这种快捷写法叫做 Emmet

Emmet Documentation​docs.emmet.io Cheat Sheet​docs.emmet.io

插件安装

• chinese（中文语言包）
• open in browser
• Code Spell Checker（检查单词拼写)
• Prettier-Code formatter（代码格式化插件）

快捷键推荐：

大侠：VS Code 的常用快捷键​zhuanlan.zhihu.com

Cmder安装与配置

https://cmder.net/​cmder.net

将默认命令行改为bash（Cmder内含Git Bash）

以下是我的配置

最终效果：F1一键呼起后

是不是很方便呢~

快捷键设置

Ctrl+T 新开标签
Ctrl+W 关闭标签
alt+D 分屏
alt+shift+D 垂直分屏

Cmder 操作快捷键

复制：选中需要复制的代码即可。

取消选中状态：Esc 键

粘贴

1. 鼠标右键
2. Shift + Insert

Git Bash 操作快捷键

粘贴

1. 单击鼠标中键
2. Shift + Insert

VSCode配合Cmder使用git操作

VScode打开setting.json，快捷键ctrl+shift+p

进入

cmderdev/cmder​github.com

里，找到

复制以下3行代码

"git.enabled": true,
"git.path": "[cmder_root]vendorgit-for-windowscmdgit.exe",
"terminal.integrated.shell.windows": "[cmder_root]vendorgit-for-windowsbinbash.exe"

粘贴到setting.json文件，将上面所有带有 [cmder_root]的路径替换为 Cmder 的根目录，比如Cmder装在D:Software里，那么就是

"git.enabled": true,
"git.path": "D:Softwarecmdervendorgit-for-windowscmdgit.exe",
"terminal.integrated.shell.windows": "D:Softwarecmdervendorgit-for-windowsbinbash.exe"

注意：粘贴后需要将目录添加为双斜杠

重启VSCode就可以在VSCode里愉快操作git了~