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.ioCheat 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了~

cmder添加到系统变量中_开发环境搭建之VSCode、Cmder相关推荐

  1. extremedb java_实时内存数据库eXtremeDB 在linux系统下的java开发环境搭建

    Linux下配置eXtremeDB JAVA开发环境 样例系统环境: 操作系统:CentOs 6.5 x64 一.        安装必备软件 安装jdk sudoyum install java-1 ...

  2. win7中Android开发环境搭建超详细(百度)

    Android系统如火如荼,Android软件开发也相当流行,这里介绍如何一步步完成Android软件开发环境的搭建. 工具/原料 能联网的计算机 Java环境搭建 1 Android软建开发用的是J ...

  3. 未检测到Java SDK 环境-Java环境变量设置-Java开发环境搭建

    首先附上最新的Java JDK 的下载地址: http://pan.baidu.com/s/1dEY5fCt  (jdk_8u101_windows_i586_8.0.1010.13) 对于Java环 ...

  4. esp8266是linux系统吗,ESP8266 Linux开发环境搭建

    ESP8266的Windows开发环境编译程序实在是太慢了,应该Linux速度还不错,至少我是这么认为的,于是在Ubuntu15.4 x64下尝试搭建其开发环境. 开发环境的搭建参考wiki. 安装必 ...

  5. 用Python在Minecraft(我的世界)中编程——开发环境搭建

    为了教十岁的儿子Python编程,我研究了下Minecraft中的编程,搭建环境是第一步,可惜网上的资料不是很多,特此记录下,以供有同样需求的家长们参考: 准备工作 安装Python,要2.7版本的, ...

  6. java中easyUI开发环境搭建

    最近在用easyui,感觉是比较好用的,java程序员基本上可以通过使用easyui自己来开发出一些项目,下面简单介绍一下java中easyui环境的搭建. 1.首先从官网下载easyui开发包,下载 ...

  7. 移远BC28_opencpu方案_开发环境搭建

    OPEN CPU 代码采用的是 Python 脚本写的 scons 自动化构建工具.从构建这个角度说,它与 GNU make 是同一类的工具.它是一种改进,并跨平台的 gnu make 替代工具,其集 ...

  8. C语言开发环境搭建:VSCode+GCC

    文章目录 一. VSCode介绍 二. GCC编译器 1. 安装 三. VScode中配置GCC 一. VSCode介绍 VSCode(全称:Visual Studio Code)是一款由微软开发且跨 ...

  9. python安卓版开发环境搭建_React Native Android 开发环境搭建(Windows 版)

    补上之前说的 Windows 系统的 React Native 开发环境搭建,坑还是比 Mac 环境下的多些.此文的受众还是已经搭建过 Android 开发环境的同学. 需要安装的软件 Chocola ...

最新文章

  1. 关于程序中数据库报错“父项未找到”
  2. 【构建之法教学项目】一个简单的基于C#的电子商务系统演练场景的代码示例...
  3. android 使用NDK
  4. 【PAT乙级】1066 图像过滤 (15 分)
  5. 常用chrome插件
  6. vue3.0、cli4项目引入element plus
  7. jsp中设置自动换行_办公技巧—Word中如何设置自动生成序号
  8. 分布式系统以及CAP原理
  9. Spring和Quartz配合实现定时任务
  10. 关于spring MVC机制,示例解读
  11. 邮件服务器匿名,smtp服务器发送匿名邮件
  12. Java 夯实基础之注解
  13. 最常用的编写Linux脚本命令和语法
  14. CHD+CM-1 安装
  15. 网上流传房地产崩盘时间表 楼市重蹈日本覆辙 - 新闻中心 - 搜狐焦点网
  16. 计算机语言有几进制,一个字节由几个二进制位组成(计算机系统有什么两部分组成)...
  17. 如何在A4纸上排版多个二维码?
  18. 计算机计算乘除法的原理
  19. 如何查询微博主页地址是什么?
  20. Windows11镜像下载及安装

热门文章

  1. 众多新点子推动比特币现金BCH普及
  2. 以太经典(ETC)逆势上涨,将逆袭反超以太坊(ETH)?
  3. Roger Ver:BCH也可成为价值储备,前提是它被用起来
  4. 对象比较:Comparable 和 Comparator
  5. ES6中新增的字符串方法
  6. Spring Batch 基本的批处理指导原则
  7. Android短视频开发都需要什么技术?
  8. MySQL存储引擎--------Federated最佳实战
  9. hihoCoder 1051 补提交卡(贪心,枚举)
  10. 关于B站除夕夜被攻击