不使用插件实现可输入下拉框_Visual Studio Code 使用指南(03)常用功能

文件比较

在资源管理器里选中两个文件后,可以直接进行差分比较。

按住【Ctrl】,然后用鼠标左键点击选中两个文件后,

74daa387f62af7b7d38f01ef6c782c04.png

右键打开关联菜单,选择【将已选项进行比较】,

aa0566f5e8ee7ed7b7f909c0053f1288.png

即可在编辑器区域显示对比结果。

fde393ca3866c2268d94647c12d2ea78.png

大纲视图

大纲视图位于资源管理器的下部,它显示了当前文档的元素结构,点击大纲视图上的元素,可快速移动到该位置。

5cf879bc49e3432b793ff47dcb26447e.png

检索视图

点击侧边栏的放大镜图标可进入检索视图,可对工作区的所有资源进行检索和替换,可以使用正则表达式,可以指定检索文件类型,除外文件类型等。从检索结果还可以直接跳转到各文件与结果一致的各个位置。

除了侧边栏,检索视图还可以显示在面版位置,通过鼠标拖动可以在两者间切换。

通过设定【要包含的文件】和【排除的文件】,可以限定检索的范围。

53350e9f2cf07d334a54add00e229e76.png

扩展功能视图

在扩展功能视图可以搜索,安装,管理增强vsc功能的插件。

d87208b4b406dc7e652a20984f9b4d1e.png

管理菜单【...】中有许多实用的管理功能,诸如对搜索结果进行排序,显示已安装插件一栏等。

626651573943c251e08755c5f978e453.png

编辑器

Vsc可以同时打开多个文件在编辑器里编辑,通常情况下,一次只能显示一个文件,通过编辑器上部的标签来切换文档。

02a4b23b5f26cdd0eadee1acd6ce06f4.png

利用编辑器分组功能,纵横分割显示区域,可以同时显示多个文件。如下图所示,编辑器区域被分为3个分组,每个分组都可以独立显示文件。

00a1587fd2762b63edf242fa483335b7.png

编辑器分组可以通过以下多种方式来实现,

  • 菜单命令【查看】【编辑器布局】
  • 编辑器标签栏右边的按钮【向右拆分编辑器】
  • 资源管理器选中文件后右键关联菜单命令【在侧边打开】

面板

面板通常显示在右下部分,默认有问题,输出,调试控制台,终端四种。根据安装的扩展,有可能会追加新的面板。

312975a099c299ed81bf95081394e048.png

问题面板:编译和运行时发生的错误和警告会显示在这里,需要相应的扩展功能支持,比如

C++程序需要安装C++扩展才能显示错误和警告信息。

输出面板:出力程序编译和运行的日志信息。

调试控制台:调试时作为控制台使用。比如JavaScript的console.log信息会出力在这里。还

可以输入表达式来检测程序运行时的变量值。输入表达式时,通过【shift】+【enter】来换行。

终端面板

终端面板可以在vsc内部开启OS终端,运行shell等命令。

运行命令

在终端里可以直接运行os终端命令,默认工作目录为vsc当前工作区的目录。

43bdee29593a6f9d389fc6d57783d513.png

新建终端

点击【+】可以新建终端,工作区里有多个顶级目录时,需要选择其中一个作为终端的默认工作目录。

e0970a7d3405ea715599b4f0fc26370f.png

切换终端

当打开多个终端时,通过下拉框切换终端,还可以选择所使用的shell。

cd5b4e7cfbb17a3442ca15ab0d2d96d7.png

删除终端

点击右侧垃圾桶图标,删除终端。

43e138d01d4a3db4e8aaf2e2dc562646.png

状态栏

位于底部的状态栏显示了当前文件和工作区的各种信息。

7256311bf4da9580ccf671a3670f15c9.png

1 语言信息:语言模式信息,双击可更改语言。

2 文本编码:字符编码信息,双击可更改编码。

3 缩进信息:缩进模式信息,双击可更改缩进。

4 错误警告:显示当前错误和警告的数量,双击可打开问题面板。

命令面板

Vsc提供的许多功能,是无法通过菜单来使用的,这时就需要使用命令面板。

通过以下方法调出命令面板

快捷键【ctrl】+【shift】+【p】

菜单【查看】【命令面板】

快速查找命令

命令面板支持以词语的部分或者首字母组合查找命令,例如输入cdl,即可找到【配置显示语言】命令。

a9fd6f6698ddba4556f1f5309613b699.png

有时需要在首字母间加入空格,来过滤掉干扰,例如输入o u s,即可找到【打开用户设置】命令。

bb0bf190ba89f1bd4d64ff13170856e1.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<HTML> <HEAD> <title>年月日三联动下拉框</title> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <meta name='author' content='http://singlepine.cnblogs.com/'> </HEAD> <body> <form name="form1"> 请选择 年 选择 月 选择 日 </form> [removed]<!-- function YYYYMMDDstart() { MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; //先给年下拉框赋内容 var y = new Date().getFullYear(); for (var i = (y-30); i < (y+30); i++) //以今年为准,前30年,后30年 document.form1.YYYY.options.add(new Option(" "+ i +" 年", i)); //赋月份的下拉框 for (var i = 1; i < 13; i++) document.form1.MM.options.add(new Option(" " + i + " 月", i)); document.form1.YYYY.value = y; document.form1.MM.value = new Date().getMonth() + 1; var n = MonHead[new Date().getMonth()]; if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++; writeDay(n); //赋日期下拉框 document.form1.DD.value = new Date().getDate(); } if(document.attachEvent) window.attachEvent("onload", YYYYMMDDstart); else window.addEventListener('load', YYYYMMDDstart, false); function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年) { var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value; if (MMvalue == ""){ var e = document.form1.DD; optionsClear(e); return;} var n = MonHead[MMvalue - 1]; if (MMvalue ==2 && IsPinYear(str)) n++; writeDay(n) } function MMDD(str) //月发生变化时日期联动 { var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value; if (YYYYvalue == ""){ var e = document.form1.DD; optionsClear(e); return;} var n = MonHead[str - 1]; if (str ==2 && IsPinYear(YYYYvalue)) n++; writeDay(n) } function writeDay(n) //据条件写日期的下拉框 { var e = document.form1.DD; optionsClear(e); for (var i=1; i<(n+1); i++) e.options.add(new Option(" "+ i + " 日", i)); } function IsPinYear(year)//判断是否闰平年 { return(0 == year%4 && (year0 !=0 || year@0 == 0)); } function optionsClear(e) { e.options.length = 1; } //--> [removed] </body> </HTML>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值