whitespacecode的简单介绍
静态页面怎么加搜索功能
当前页面只显示一个按钮和一个文本框
新开一个页面,专门用来显示结果
以下内容为在网上找到的搜索代码
%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%
!--＃i nclude file="manage/inc/config.asp"--
!--＃i nclude file="inc/conn.asp"--
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title爱T发明书店/title
link href="/blog/style.css" rel="stylesheet" type="text/css"
/style
!-- European format dd-mm-yyyy --
script language="JavaScript" src="/blog/calendar.js"/script
/head
body
!--＃i nclude file="head.htm"--
table width="780" border="0" align="center" cellpadding="0" cellspacing="0"
tr
td width="219" align="left" valign="top"!--＃i nclude file="left.asp"--/td
td width="561" align="left" valign="top"
br script language=javascript
var whitespace = " \t\n\r";
function IsWhitespace (s)
{
var i;
if (IsEmpty(s)) return true;
for (i = 0; i s.length; i++)
{
var c = s.charAt(i);
if (whitespace.indexOf(c) == -1) return false;
}
return true;
}
function IsEmpty(s)
{
return ((s == null) || (s.length == 0))
}
function IsDate(fDate)
{
var arrDaysInMonth=new Array(12);
arrDaysInMonth[1]=31;
arrDaysInMonth[2]=29;
arrDaysInMonth[3]=31;
arrDaysInMonth[4]=30;
arrDaysInMonth[5]=31;
arrDaysInMonth[6]=30;
arrDaysInMonth[7]=31;
arrDaysInMonth[8]=31;
arrDaysInMonth[9]=30;
arrDaysInMonth[10]=31;
arrDaysInMonth[11]=30;
arrDaysInMonth[12]=31;
if (IsEmpty(fDate))
return true
var NameList=fDate.split("-");
if (NameList.length!=3)
return false
if (!(IsYear(NameList[0]) IsMonth(NameList[1]) IsDay(NameList[2])) )
return false
if ( NameList[1]arrDaysInMonth[NameList[1]] )
return false
if ( (NameList[1]==2) (NameList[2]DaysInFebruary(NameList[0]) ) )
return false
return true
}
function search()
{
var name = document.forms['frmdata'].elements['name'].value;
var author = document.forms['frmdata'].elements['author'].value;
var manufacturer = document.forms['frmdata'].elements['manufacturer'].value;
var smallprice = document.forms['frmdata'].elements['smallprice'].value;
var largeprice = document.forms['frmdata'].elements['largeprice'].value;
var enabledate = document.forms['frmdata'].elements['enabledate'].value;
var expiredate = document.forms['frmdata'].elements['expiredate'].value;
if (!IsWhitespace(enabledate))
{
if (!IsDate(enabledate))
{
alert("出版日期 开始日期格式错误!");
return false;
}
}
if (!IsWhitespace(expiredate))
{
if (!IsDate(expiredate))
{
alert("出版日期 结束日期格式错误!");
return false;
}
}
var allNotEmpty = (!IsWhitespace(name)) ||
(!IsWhitespace(author)) ||
(!IsWhitespace(manufacturer)) ||
(!IsWhitespace(smallprice)) ||
(!IsWhitespace(largeprice))||
(!IsWhitespace(enabledate)) ||
(!IsWhitespace(expiredate));
if (!allNotEmpty)
{
alert("必需输入一个搜索条件");
return false;
}
if (!IsWhitespace(smallprice))
{
if (!IsPlusNumeric(smallprice))
{
alert("价格数据不合法");
return false;
}
}
if (!IsWhitespace(largeprice))
{
if (!IsPlusNumeric(largeprice))
{
alert("价格数据不合法");
return false;
}
}
if ((!IsWhitespace(enabledate)) (!IsWhitespace(expiredate)))
{
if (enabledateexpiredate)
{
alert("出版日期范围错误");
return false;
}
}
if ((!IsWhitespace(smallprice)) (!IsWhitespace(largeprice)))
{
if (parseFloat(smallprice)parseFloat(largeprice))
{
alert("价格范围错误");
return false;
}
}
}
/script br table cellpadding="0" cellspacing="0" border="0"
tr
tdimg src="/blog/images/w.gif"/td
td style="color:#415373"搜索图书/td
/tr
/table br FORM name=frmdata method=get action="rsearch.asp"
TABLE cellSpacing=10 cellPadding=0 width="100%" border=0
TBODY
TR
TD align=right width="31%" height=30商品名称：/TD
TD width="69%"INPUT name=name class="inputstyle"
/TD
/TR
TR
TD align=right width="31%" height=30作者名称：/TD
TD width="69%"INPUT name=author class="inputstyle"
/TD
/TR
TR
TD align=right width="31%" height=30出版社：/TD
TD width="69%"INPUT name=manufacturer class="inputstyle"
/TD
/TR
TR
TD align=right width="31%" height=28出版时间：/TD
TD vAlign=center width="69%"INPUT name=enabledate class="inputstyle" size=12
a
href="javascript:cal1.popup();"img height=16 alt=点击选择日期
src="/blog/images/cal.gif" width=16 border=0/a 至
INPUT name=expiredate class="inputstyle" size=12
a
href="javascript:cal2.popup();"img height=16 alt=点击选择日期
src="/blog/images/cal.gif" width=16 border=0/a script language=JavaScript
var cal1 = new calendar1(document.forms['frmdata'].elements['enabledate']);
cal1.year_scroll = true;
cal1.time_comp = false;
var cal2 = new calendar1(document.forms['frmdata'].elements['expiredate']);
cal2.year_scroll = true;
cal2.time_comp = false;
/script/TD
/TR
TR
TD align=right width="31%" height=30价格范围：/TD
TD width="69%" input name="smallprice" type="text" id="smallprice" size="5"
至
input name="largeprice" type="text" id="largeprice"
size="5"
/TD
/TR
TR
TD align=right height=30分类：/TD
TDselect name=code
option value="" selected所有图书/option
%
set rs=server.CreateObject("adodb.recordset")
rs.open "select * from category",conn,1,1
do while not rs.eof
%
option value="%=rs("categoryid")%" %=rs("category")%/option
%
rs.movenext
loop
rs.close
set rs=nothing
%
/select/TD
/TR
TR
TD align=right height=30排序字段：/TD
TDinput name="OrderField" type="radio" value="adddate" checked
添加日期 input type="radio" name="OrderField" value="productdate"
出版日期
input type="radio" name="OrderField" value="price2"
价钱(会员价)
br
br input type="radio" name="OrderField" value="vipprice"
价钱(VIP)
input type="radio" name="OrderField" value="pagenum"
页数 input type="radio" name="OrderField" value="discount"
折扣/TD
/TR
TR
TD align=right width="31%" height=30排序方式：/TD
TD width="69%"input type="radio" name="Order" value="ASC"
升序
input name="Order" type="radio" value="DESC" checked
降序/TD
/TR
TR align=center
TD height=40 colSpan=2INPUT type=submit value=开始搜索 name=Submit2 onClick="return search()" /TD
/TR
/TABLE
/FORM/td
/tr
/table
!--＃i nclude file="foot.htm"--
/body
/html
如何打造一款属于自己的 Visual Studio Code 颜色主题
Visual Studio Code 是我在最近一年中最喜欢的一款编辑器，微软每一次的更新都会给大家带来惊喜，更是令人愈加喜欢。之前一直使用内置的颜色主题 Light+ 和 Dark+ ，但近来突然觉得前者颜色区分度不高，一眼看上去就密密麻麻的一对代码，而后者则是被选中的文本背景色太浅，跟编辑器的背景颜色很相似，很难区分出来，于是萌生了要制作一款自己的颜色主题的想法。经过几天的研究，终于捣鼓出来了 Lei Theme 系列颜色主题。
先来看看其中两款主题的效果：
一般来说，我们并不需要重头来制作一款颜色主题，首先需要选择一款自己最喜欢的颜色主题（或者说先找一款与自己的想法最相似的颜色主题），然后在此基础上进行些许调整即可。另外如果想将颜色主题发布到微软的 Visual Studio Code 扩展商店上，还需要注册一个微软开发者账号，并通过 vsce 工具来发布出去，下文会对此进行详细说明。
tmTheme 格式的颜色主题
TextMate 曾是多年前最流行的代码编辑器之一，其颜色主题的文件后缀为 .tmTheme ，在本文中我们将其简称为 tmTheme 格式。Visual Studio Studio 的颜色主题采用的是标准的 TextMate 主题格式，我们可以参考这篇文章 Writing a TextMate Grammar: Some Lessons Learned ，大概可以理解为这样： 编辑器对代码进行解析后，会为每个元素指定一个 scope ，这个 scope 即表明此元素是一个关键字还是一个常量，又或者是一个标点符号，通过 tmTheme 格式的文件来定义相应 scope 的文字样式。
根据该文章可知道以下是常见的 scope 列表：
comment
constant
constant.character.escape
constant.language
constant.numeric
declaration.section entity.name.section
declaration.tag
deco.folding
entity.name.function
entity.name.tag
entity.name.type
entity.other.attribute-name
entity.other.inherited-class
invalid
invalid.deprecated.trailing-whitespace
keyword
keyword.control.import
keyword.operator.js
markup.heading
markup.list
markup.quote
meta.embedded
meta.preprocessor
meta.section entity.name.section
meta.tag
storage
storage.type.method
string
string source
string.unquoted
support.class
support.constant
support.function
support.type
support.variable
text source
variable
variable.language
variable.other
variable.parameter
以下是一个 tmTheme 格式文件的代码片段：
dict
keyname/key
stringKeyword/string
keyscope/key
stringkeyword.control,keyword.other,variable.language,storage.type,storage.modifier,keyword.function/string
keysettings/key
dict
keyforeground/key
string#0808D1/string
/dict
/dict
dict
keyname/key
stringInvalid/string
keyscope/key
stringinvalid/string
keysettings/key
dict
keyforeground/key
string#cd3131/string
/dict
/dict
从上面的代码可以看出，其实这个 tmTheme 格式的文件似乎也挺简单的，然而初学者而言，难的是 不知道 scope 怎么写 ，下文会循序渐进地对此进行说明。
创建颜色主题项目
根据官方文档，我们先执行以下命令安装 Yeoman 代码生成工具来创建一个默认的颜色主题项目：
$ npm install -g yo generator-code
安装完毕之后，进入 ~/.vscode/extensions 目录执行以下命令启动生成器：
$ yo code
说明： ~/.vscode/extensions 表示用户根目录下的 .vscode/extensions 目录，之所以在此处新建项目主要是为了不用发布到扩展商店也可以在本地进行使用，并且方便调试。
选择 New Color Theme 创建颜色主题项目：
_-----_ ╭——————————————————————————╮
| | │ Welcome to the Visual │
|--(o)--| │ Studio Code Extension │
`---------′ │ generator! │
( _′U`_ ) ╰——————————————————————————╯
/___A___\ /
| ~ |
__'.___.'__
′ ` |° ′ Y `
? What type of extension do you want to create?
New Extension (TypeScript)
New Extension (JavaScript)
? New Color Theme
New Language Support
New Code Snippets
接着需要在命令行下交互式地填写一些问题，以下是我在执行过程中填写的内容：
? What type of extension do you want to create? New Color Theme
URL (http, https) or file name of the tmTheme file, e.g., .
? URL or file name:
? What's the name of your extension? my-theme
? What's the identifier of your extension? my-theme
? What's the description of your extension?
? What's your publisher name? leizongmin
? What's the name of your theme shown to the user? my-theme
? Select a base theme: Dark
需要说明的是，第一个问题 URL (http, https) or file name of the tmTheme file 需要提供一个已有的 tmTheme 文件作为基础，此处可直接复制示例中的 URL 。
稍等片刻，工具自动生成了项目之后，会提示我们执行以下命令开始编辑代该项目：
$ cd my-theme
$ code .
以下是生成的项目的文件结构：
.
├—— README.md
├—— package.json （扩展信息文件）
├—— themes
│ └—— Monokai.tmTheme （颜色主题定义文件）
└—— vsc-extension-quickstart.md （帮助文件，上面详细说明操作步骤）
首先看看 package.json 文件：
{
"name": "my-theme",
"displayName": "my-theme",
"description": "",
"version": "0.0.1",
"publisher": "leizongmin",
"engines": {
"vscode": "^1.5.0"
},
"categories": [
"Themes"
],
"contributes": {
"themes": [
{
"label": "my-theme",
"uiTheme": "vs-dark",
"path": "./themes/Monokai.tmTheme"
}
]
}
}
contributes 中定义了此扩展项目包含的内容，其中 themes 表示颜色主题，是一个数组，我们可在此处放入多个颜色主题。以下是 themes 中每个元素的定义：
label 表示颜色主题的名称，即在 Preferences: Color Theme 列表中显示的名称
uiTheme 是指编辑器 UI 的颜色，可选为 vs-light 和 vs-dark ，如果我们的颜色主题是深色系的，就选 vs-dark
path 是 tmTheme 文件的位置
为了避免混淆，我们可以将文件 ./themes/Monokai.tmTheme 改名为 ./themes/my-theme.tmTheme ，并修改 package.json 相应的位置。
现在在 Visual Studio Code 中按快捷键 ?Command + Shift + P 打开命令面板（Windows / Linux 系统应为 Ctrl + Shift + P ），输入 Color Theme 并按回车，再中列表中选择 my-theme 按回车即可使用刚刚创建的新颜色主题：
从上图可以看出，这其实就是一个标准的 Monokai 主题。
tmTheme 编辑器
从生成的 vsc-extension-quickstart.md 文件中我们得知有一款 Web 版的在线 tmTheme 编辑器 ，通过该编辑器可以进行可视化地编辑 tmTheme 文件。比如以下视频是更改 String 和 Keyword 颜色的示例：
你的浏览器不支持 标签.
主要的操作方法为：
在左侧 Scope Name 列表中选中一项，然后双击 FG 列上的颜色（FG 表示 foreground，即前景颜色），然后选择要更改的颜色即可，可以看到代码预览区域的颜色会实时改变
点击顶部栏的【Download】按钮即可下载编辑后的 tmTheme 文件，直接将其覆盖项目中的 ./themes/my-theme.tmTheme 文件即可
在 Visual Studio Code 中按快捷键 ?Command + Shift + P 打开命令面板，输入 Reload Window 并按回车即可看到修改后的颜色主题
但是，在一些实现细节上，Visual Studio Code 并不与该 tmTheme 编辑器一致，所以我们在该在线编辑器上看到的效果可能与 Visual Studio Code 上稍有不同，所以我们可能还需要直接编辑 tmTheme 文件。
如何知道 scope 是什么
下面是这款主题中，模板字符串的渲染效果：
从图中可以看到，模板字符串中的字符串和变量的颜色都是一样的，而假如我想改变模板字符串中变量的颜色，却是无从下手，因为即使翻遍 TextMate 官方文档中关于 tmTheme 的介绍也找不到模板字符串的 scope 是什么。
其实我们可以借助 Visual Studio Code 的开发者工具来找到任意元素的 scope ，以下是演示视频：
你的浏览器不支持 标签.
从开发者工具中我们可以看到模板字符串中 ${ 的样式是：
token block ts punctuation definition meta string begin function arrow new expr template expression template-expression
而模板变量 file 的样式是：
token block ts meta variable other readwrite string function arrow new expr template expression
再结合文首对于 scope 介绍的文章，我们假设我们要的 scope 名为 template.expression 。接着打开文件 ./themes/my-theme.tmTheme ，仿照该文件的格式，我们添加以下代码在对应位置：
dict
keyname/key
stringTemplate Expression/string
keyscope/key
stringtemplate.expression/string
keysettings/key
dict
keyforeground/key
string#23C4FA/string
/dict
/dict
再按快捷键 ?Command + Shift + P 打开命令面板，执行 Reload Window ，此时可以看到模板字符串中的变量颜色跟字符串的颜色不一样了：
tmTheme 文件处理规则
尽管已经实现了我们想要的效果，相信阅读到这里的时候很多人还是一头雾水，并不知道为何 scope 是 template.expression 。我在刚开始时虽然也猜想到是像 CSS 的类选择器一样，但还是不太确定，直到阅读到 Visual Studio Code 的源码后才得以印证。
以下是 Visual Studio Code 源码中负责处理 tmTheme 的 scope 的程序文件 src/vs/workbench/services/themes/electron-browser/stylesContributions.ts （ 点此查看完整文件 ）:
export class TokenStylesContribution {
public contributeStyles(themeId: string, themeDocument: IThemeDocument, cssRules: string[]): void {
let theme = new Theme(themeId, themeDocument);
theme.getSettings().forEach((s: IThemeSetting, index, arr) = {
// @martin TS(2.0.2) - s.scope is already a string[] so no need for all this checking.
// However will add a cast at split to keep semantic in case s.scope is wrongly typed.
let scope: string | string[] = s.scope;
let settings = s.settings;
if (scope settings) {
let rules = Array.isArray(scope) ? string[]scope : (scope as string).split(',');
let statements = this._settingsToStatements(settings);
rules.forEach(rule = {
rule = rule.trim().replace(/ /g, '.'); // until we have scope hierarchy in the editor dom: replace spaces with .
cssRules.push(`.monaco-editor.${theme.getSelector()} .token.${rule} { ${statements} }`);
});
}
});
}
private _settingsToStatements(settings: IThemeSettingStyle): string {
let statements: string[] = [];
for (let settingName in settings) {
const value = settings[settingName];
switch (settingName) {
case 'foreground':
let foreground = new Color(value);
statements.push(`color: ${foreground};`);
break;
case 'background':
// do not support background color for now, see bug 18924
//let background = new Color(value);
//statements.push(`background-color: ${background};`);
break;
case 'fontStyle':
let segments = value.split(' ');
segments.forEach(s = {
switch (s) {
case 'italic':
statements.push(`font-style: italic;`);
break;
case 'bold':
statements.push(`font-weight: bold;`);
break;
case 'underline':
statements.push(`text-decoration: underline;`);
break;
}
});
}
}
return statements.join(' ');
}
}
我们再来回顾一下上文 tmTheme 文件每一项 scope 的配置内容：
dict
keyname/key
stringTemplate Expression/string
keyscope/key
stringtemplate.expression/string
keysettings/key
dict
keyforeground/key
string;/string
/dict
/dict
其中第一项 name 表示的是我们给该规则起的名称； scope 则是适用的 scope ，如果多个可以用逗号分隔，比如 User-defined constant 的 scope 值就为 constant.character, constant.other ； settings 则是具体的样式信息，比如颜色值。
从源码中可以看出，支持的样式只有 foreground 和 fontStyle ，而 background 则从注释中可以看出由于某原因导致 Visual Studio Code 暂时不支持。
scope 值为 template.expression 则可被认为是 CSS 类选择器 token.template.expression ，在前文的 Developer Tools 的演示视频中，模板字符串的变量名在渲染时其 HTML 为 span class="token block ts meta variable other readwrite string function arrow new expr template expression".../span ，如果我们熟悉 CSS 的话应该能一眼就看出来 .token.template.expression 是会匹配到该标签的。所以，我们可以简单地把 scope 当作是 CSS 的类选择器。
需要注意的是，如果我们在定义 scope 时写得不够详细，可能会错误地匹配到其他元素，致使调好了一部分，另一部分却被调坏了，所以要做得完美也并非易事。
发布到扩展商店
要将扩展发布到扩展商店以便让更多人可以使用到，我们需要借助 vsce 命令行工具，可以参考文档 vsce - Publishing Tool Reference 。以下是其基本步骤：
安装 vsce 命令行工具。执行命令 npm install -g vsce
注册 Visual Studio Team Services 账号，并获取到 Access Token
创建 Publisher。执行命令 vsce create-publisher
登录到 Publisher。执行命令 vsce login
发布扩展。执行命令 vsce publish
详细操作步骤建议参考相应的官方文档。
本文并没有详细到手把手教地去讲解如何打造一款 Visual Studio Code 颜色主题，仅仅是提到了几个我在折腾过程中认为比较关键，而又很难通过文档去查到的要点。爱折腾是程序员的天性，希望本文能让爱折腾的你少走一些弯路，把喜爱的 Visual Studio Code 玩出花来。
isWhitespace()指哪些空白字符
一个字符是一个Java空白字符，当且仅当它满足下列条件之一：
It is a Unicode space character (SPACE_SEPARATOR, LINE_SEPARATOR, or PARAGRAPH_SEPARATOR) but is not also a non-breaking space ('\u00A0', '\u2007', '\u202F').
It is '\t', U+0009 HORIZONTAL TABULATION.
It is '\n', U+000A LINE FEED.
It is '\u000B', U+000B VERTICAL TABULATION.
It is '\f', U+000C FORM FEED.
It is '\r', U+000D CARRIAGE RETURN.
It is '\u001C', U+001C FILE SEPARATOR.
It is '\u001D', U+001D GROUP SEPARATOR.
It is '\u001E', U+001E RECORD SEPARATOR.
It is '\u001F', U+001F UNIT SEPARATOR.
visualstudiocode颜色代码起冲突的时候优先于哪个
"contrastActiveBorder"/在活动元素周围额外的一层边框，用来提高对比度从而区别其他元素
"contrastBorder"在元素周围额外的一层边框，用来提高对比度从而区别其他元素
"widget.shadow"编辑器内小组件(如查找/替换)的阴影颜色
"progressBar.background"表示长时间操作的进度条的背景色，是一个向右滑动同时伸缩的窄条
"foreground"整体前景色
"icon.foreground"工作台中图标的默认颜色
"imagePreview.border"图片边框颜色
"errorForeground"错误信息的整体前景色，颜色仅在不被组件覆盖时适用
活动栏
活动栏颜色"activityBar.activeBackground"活动栏当前选中项的背景色
"activityBar.activeBorder"活动栏当前选中项靠近窗口边缘处有竖条，竖条颜色
"activityBar.activeFocusBorder"按下活动栏的选中项，边框呈现此颜色
"activityBar.background"活动栏背景色
"activityBar.border"分隔活动栏与其他栏的边界
"activityBar.foreground"活动栏选中和悬停颜色
"activityBar.inactiveForeground"活动栏图标颜色
徽章
信息标签颜色"activityBarBadge.background"活动栏角标背景色
"activityBarBadge.foreground"活动栏角标前景色
"badge.background"信息标签背景色，资源管理器显示的“一个未保存”等等，此颜色与activityBarBadge.background不会互相覆盖，这还是jupyter notebook编辑器的一些边框颜色和文字的背景色
"badge.foreground"信息标签前景色
面包屑导航栏
面包屑导航颜色"breadcrumb.foreground"面包屑普通文字颜色
"breadcrumb.background"面包屑导航背景色
"breadcrumb.activeSelectionForeground"点击面包屑导航一段字后可见字变成此颜色并弹出菜单
"breadcrumb.focusForeground"面包屑上的一段字按住不放可见此颜色
"breadcrumbPicker.background"点击面包屑导航一段字后弹出菜单的背景色
按钮颜色
按钮颜色"button.background"按钮背景色
"button.hoverBackground"按钮在悬停时的背景色
"button.secondaryForeground"辅助按钮前景色。
"button.secondaryBackground"辅助按钮背景色
"button.secondaryHoverBackground"辅助按钮悬停
调试
调试工具栏
调试工具栏颜色 "debugToolBar.background"调试工具栏背景色，就是调试的时候一个很窄的窗口
"debugToolBar.border"调试工具栏边框
"debugIcon.continueForeground"调试工具栏图标，竖线和三角
"debugIcon.disconnectForeground"拔开的插销
"debugIcon.pauseForeground"两竖线
"debugIcon.restartForeground"循环箭头
"debugIcon.stepBackForeground"弯箭头和圆点
"debugIcon.startForeground"空心三角，这个出现在侧边栏的一个下拉框上，不在调试工具栏里
"debugIcon.stepOutForeground"上箭头和圆点
"debugIcon.stepIntoForeground"下箭头和圆点
"debugIcon.stepOverForeground"弯箭头和圆点
"debugIcon.stopForeground"空心方块
断点
断点颜色 "debugIcon.breakpointForeground"断点圆形符号颜色
"debugIcon.breakpointUnverifiedForeground"未验证断点空心圆圈符号
"debugIcon.breakpointDisabledForeground"在断点圆形符号单机右键，点禁用断点，断点圆形符号变为此颜色
"debugIcon.breakpointCurrentStackframeForeground"当前断点堆栈帧的图标颜色，D形的小框套着断点图标
"editor.stackFrameHighlightBackground"编辑器调试中，当前行背景色
"debugIcon.breakpointStackframeForeground"所有断点堆栈帧的图标颜色，有时候D形的小框会变成这种颜色，在单步调试时也可以看到普通颜色的D形框突然变成此颜色
"editor.focusedStackFrameHighlightBackground"debugIcon.breakpointStackframeForeground对应的编辑器行背景色
调试视图
调试视图"debugTokenExpression.value"、"debugTokenExpression.boolean"、"debugTokenExpression.number"、"debugTokenExpression.string"调试视图的变量中不同种类值颜色，不是变量的颜色，是值的颜色；用光标悬停在编辑器中对应变量上也可以看到这些颜色的文本(编辑器组件相关颜色未设置)
"debugTokenExpression.name"调试视图中显示的变量名称的前景色
"debugView.valueChangedHighlight"在“变量”视图中可见此颜色，当变量值改变时，此颜色作为值的背景色突然出现后逐渐淡出并消失，整个过程时间很短
"debugTokenExpression.error"调试视图中表达式错误的前景色，在2020年4月的更新中这个颜色开始可以在主题中设置，上图并没有展示此颜色
"debugView.stateLabelBackground"“调用堆栈”(CALL STACK)视图中标签的背景色，显示当前会话或线程的状态
"debugView.stateLabelForeground"“调用堆栈”视图中标签的前景色
"debugView.exceptionLabelBackground"调试器因异常而中断时，“调用堆栈”视图中显示的标签的背景色，上图并没有展示此颜色
"debugView.exceptionLabelForeground"调试器因异常而中断时，“调用堆栈”视图中显示的标签的前景色
面板
面板颜色 "panel.background"面板背景色，面板显示在编辑器区域下方，可包含输出和集成终端等视图
"panel.border"面板与编辑器之间的边界
"panelSection.border"面板标签下还可以拖好多的标签，拖进去多个视图就在面板里中水平堆叠，这些视图的分隔线颜色
"panelSectionHeader.background"当多个视图在面板中水平堆叠时，这些视图的头部背景色
"panelSectionHeader.border"上图中没有此颜色，在高对比主题中也没发现此颜色……
"panelSectionHeader.foreground"当多个视图在面板中水平堆叠时，这些视图的头部前景色
"panelTitle.activeBorder"面板标题下划线
"panelTitle.activeForeground"活动面板标题字体颜色
"panelTitle.inactiveForeground"不活动的面板标题的字体颜色
"terminal.ansiBlack"、"terminal.ansiRed"、"terminal.ansiGreen"、"terminal.ansiYellow"、"terminal.ansiBlue"、"terminal.ansiMagenta"、"terminal.ansiCyan"、"terminal.ansiWhite"、"terminal.ansiBrightBlack"、"terminal.ansiBrightRed"、"terminal.ansiBrightGreen"、"terminal.ansiBrightYellow"、"terminal.ansiBrightBlue"、"terminal.ansiBrightMagenta"、"terminal.ansiBrightCyan"、"terminal.ansiBrightWhite"这些是集成终端里有色文字的颜色
"terminal.background"集成终端背景色
"terminal.border"并排两个集成终端分割线颜色
"terminal.foreground"集成终端普通文字颜色
"terminal.selectionBackground"终端选中内容的背景颜色，此颜色不透明的话会遮挡文字
"terminalCursor.background"设置"terminal.integrated.cursorStyle": "block"之后可见，终端光标变成方块，被方块盖住的字体成为此颜色
"terminalCursor.foreground"终端光标的前景色
"debugConsole.errorForeground"调试REPL控制台中错误消息的前景色，调试控制台输入支持语法着色
"debugConsole.warningForeground"调试REPL控制台中警告消息的前景色
"debugConsole.infoForeground"调试REPL控制台中信息消息的前景色
"debugConsole.sourceForeground"调试REPL控制台中源文件名的前景色
"debugConsoleInputIcon.foreground"调试控制台输入标记图标的前景色
拖放
拖放颜色"activityBar.dropBorder": "#000"当拖动活动栏上的图标时将可以看到此颜色
"panel.dropBorder"面板头部的标签也可以拖动，拖动将看到此颜色
"panelSection.dropBackground"面板向下方拖动到头部以外时可以看到，这样拖动减少了头部的标签数量
"sideBar.dropBackground"侧边栏拖拽节标题可见
"editorGroup.dropBackground"编辑器选项卡拖拽可见
"list.dropBackground"
pycharm 点击方法后，在tabs和code区域展示全部信息
win7 pycharm设置界面全黑色方法：
1.设置默认PyCharm解析器：
操作如下：
Python–Preferences–Project Interpreter–Python Interpreter 点击“+”号选择系统安装的Python。
然后再返回Project Interpreter，选择刚添加的解释器。
2.设置缩进符为制表符“Tab”。
File - Default Settings - Code Style
- General - 勾选“Use tab character”
- Python - 勾选“Use tab character”。
- 其他的语言代码同理设置。
3.设置IDE皮肤主题。
File - Settings - IDE Settings - Appearance - Theme - 选择“Alloy.IDEA Theme”。
4.显示“行号”与“空白字符”。
File - Settings - IDE Settings - Editor - Appearance
- 勾选“Show line numbers”、“Show whitespaces”、“Show method separators”。
5.设置编辑器“颜色与字体”主题。
File - Settings - IDE Settings - Editor - Colors Fonts - Scheme name - 选择“Darcula”
vs code逗号后面都有空格快捷键
是的。
1、打开setting,在搜索框中输入renderControlCharacters,选中勾选框,即可显示tab。
2、在搜索框中输入renderWhitespace,选择all,即可显示空格.