Visual Studio Code软件应用

Visual Studio Code软件应用

标签（空格分隔）： 前端 软件 VScode

---

新建文件

1. Ctrl+N 新建空白文件；
2. Ctrl+K M 选择该空白文件类型；
3. 页面中键入html:5后按Tab键后快速生成HTML5空白模板；

VSCode设置

常用设置
设置字号 “editor.fontSize”: 14，改为12
设置字体 “editor.fontFamily”: “Consolas, ‘Courier New’, monospace”，
设置tab缩进 “editor.tabSize”: 4，改为2
设置空格 “editor.cursorStyle”: “line”，改为all
设置终端字号 “terminal.integrated.fontSize”: 14，
自定义终端 “terminal.external.windowsExec”: “C:\WINDOWS\System32\cmd.exe”，改为D:\Git\bin\sh.exe
自定义MarkDown预览样式 “markdown.styles”: [],

常用快捷键

快捷键	作用
Ctrl+Shift+P,F1	展示全局命令面板
Ctrl+P	快速打开最近打开的文件
Ctrl+Shift+N	打开新的编辑器窗口
Ctrl+Shift+W	关闭编辑器
Ctrl + /	添加关闭行注释
Shift + Alt + F	格式化代码
Ctrl + K Ctrl + F	格式化选中部分的代码
Ctrl+Shift+E	打开资源管理器
Ctrl + B	关闭侧边栏

终端

终端快捷键命令：

快捷键	作用
Ctrl + `	打开集成终端
Ctrl + Shift + `	创建一个新的终端
Ctrl + Shift + C	复制所选
Ctrl + Shift + V	复制到当前激活的终端
Shift + PgUp / PgDown	页面上下翻屏
Ctrl + Home / End	滚动到页面头部或尾部

MarkDown常用标签

在行首插入 1 到 6 个 # ，对应到标题 1 到 6 阶，例如：
# 这是 H1
## 这是 H2
###### 这是 H6

分割线
* * *
***
*****
- - -
---------------------------------------

无序列表使用星号、加号或是减号作为列表标记：
*   Red
*   Green
*   Blue
等同于：
+   Red
+   Green
+   Blue
也等同于：
-   Red
-   Green
-   Blue

有序列表则使用数字接着一个英文句点，行头的数字不影响排序：
1.  Bird
2.  McHale
3.  Parish

区块引用 > 的引用方式，可以嵌套（例如：引用内的引用），只要根据层次加上不同数量的 > ：

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.

链接，图片
[文字](链接地址)
![图片Alt](图片绝对路径)

<div class="and_f fl fc">
  <ul class="fc">
    <li class="fl mr40"><img src="images/box3_L1.png"><span>词汇<br>
      Vocabulary</span></li>
    <li class="fl mr40"><img src="images/box3_L2.png"><span>语法<br>
      Grammar</span></li>
    <li class="fl"><img src="images/box3_L3.png"><span>篇章<br>
      Text</span></li>
    <li class="fl mr40"><img src="images/box3_L4.png"><span>交流<br>
      Communication</span></li>
    <li class="fl mr40"><img src="images/box3_L5.png"><span>模拟测试<br>
      Test-passing</span></li>
    <li class="fl"><img src="images/box3_L6.png"><span>综合培优<br>
      All-in-one</span></li>
  </ul>
</div>

.Structure .and .and_f{width:524px;}
.Structure .and ul{padding-left:33px;width:491px;}
.Structure .and ul li{width:124px;height:157px;}
.Structure .and ul li img{display:block;margin:0 auto;margin-bottom:5px;}

$(function () {
	gzz.showPic(".banner", ".banner_img"); //焦点banner
	$(".navs a").each(function (index) {
		$(this).click(function () {
			var loutitop = $(".scrollTop:eq(" + index + ")").offset().top-100;
			$('html,body').animate({
				scrollTop: loutitop
			});
		});
	});

});

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end