Visual Studio Code软件应用
标签(空格分隔): 前端 软件 VScode
新建文件
- Ctrl+N 新建空白文件;
- Ctrl+K M 选择该空白文件类型;
- 页面中键入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