FastStone Capture

  1. 企业版序列号： 
  2. name：bluman 
  3. serial/序列号/注册码：VPISCJULXUFGDDXYAUYF

yarn 无法在webstorm使用

https://blog.csdn.net/Dan1374219106/article/details/116382314
image.png

  1. set-ExecutionPolicy RemoteSigned 执行 Y
  2. get-ExecutionPolicy 结果 RemoteSigned

image.png

VSCODE

VSCode自定义主题

开发工具 - 图5image.gif
代码

  1. {
  2.   "type": "dark",
  3.   "colors": {
  4.     "dropdown.background": "#525252",
  5.     "list.activeSelectionBackground": "#707070",
  6.     "list.focusBackground": "#707070",
  7.     "list.inactiveSelectionBackground": "#4e4e4e",
  8.     "list.hoverBackground": "#444444",
  9.     "list.highlightForeground": "#e58520",
  10.     "button.background": "#565656",
  11.     "editor.background": "#404040",
  12.     "editor.foreground": "#c5c8c6",
  13.     "editor.selectionBackground": "#676b7180",
  14.     "minimap.selectionHighlight": "#676b7180",
  15.     "editor.selectionHighlightBackground": "#575b6180",
  16.     "editor.lineHighlightBackground": "#303030",
  17.     "editorLineNumber.activeForeground": "#949494",
  18.     "editorLineNumber.foreground": "#5F9FA0",
  19.     "editor.wordHighlightBackground": "#4747a180",
  20.     "editor.wordHighlightStrongBackground": "#6767ce80",
  21.     "editorCursor.foreground": "#c07020",
  22.     "editorWhitespace.foreground": "#505037",
  23.     "editorIndentGuide.background": "#505037",
  24.     "editorIndentGuide.activeBackground": "#707057",
  25.     "editorGroupHeader.tabsBackground": "#282828",
  26.     "tab.inactiveBackground": "#404040",
  27.     "tab.activeBackground": "#4E5254",
  28.     "tab.border": "#303030",
  29.     "tab.inactiveForeground": "#d8d8d8",
  30.     "peekView.border": "#3655b5",
  31.     "panelTitle.activeForeground": "#ffffff",
  32.     "statusBar.background": "#505050",
  33.     "statusBar.debuggingBackground": "#505050",
  34.     "statusBar.noFolderBackground": "#505050",
  35.     "titleBar.activeBackground": "#505050",
  36.     "statusBarItem.remoteBackground": "#3655b5",
  37.     "activityBar.background": "#353535",
  38.     "activityBar.foreground": "#ffffff",
  39.     "activityBarBadge.background": "#3655b5",
  40.     "sideBar.background": "#3C3F41",
  41.     "sideBarSectionHeader.background": "#505050",
  42.     "menu.background": "#272727",
  43.     "menu.foreground": "#CCCCCC",
  44.     "pickerGroup.foreground": "#b0b0b0",
  45.     "terminal.ansiWhite": "#ffffff",
  46.     "inputOption.activeBorder": "#3655b5",
  47.     "focusBorder": "#505050",
  48.     "terminal.ansiBlack": "#1e1e1e",
  49.     "terminal.ansiRed": "#C4265E", // the bright color with ~75% transparent on the background
  50.     "terminal.ansiGreen": "#86B42B",
  51.     "terminal.ansiYellow": "#B3B42B",
  52.     "terminal.ansiBlue": "#6A7EC8",
  53.     "terminal.ansiMagenta": "#8C6BC8",
  54.     "terminal.ansiCyan": "#56ADBC",
  55.     "terminal.ansiWhite": "#e3e3dd",
  56.     "terminal.ansiBrightBlack": "#666666",
  57.     "terminal.ansiBrightRed": "#f92672",
  58.     "terminal.ansiBrightGreen": "#A6E22E",
  59.     "terminal.ansiBrightYellow": "#e2e22e", // hue shifted #A6E22E
  60.     "terminal.ansiBrightBlue": "#819aff", // hue shifted #AE81FF
  61.     "terminal.ansiBrightMagenta": "#AE81FF",
  62.     "terminal.ansiBrightCyan": "#66D9EF",
  63.     "terminal.ansiBrightWhite": "#f8f8f2"
  64.   },
  65.   "tokenColors": [
  66.     {
  67.       "settings": {
  68.         "foreground": "#C5C8C6"
  69.       }
  70.     },
  71.     {
  72.       "scope": ["meta.embedded", "source.groovy.embedded"],
  73.       "settings": {
  74.         "foreground": "#C5C8C6"
  75.       }
  76.     },
  77.     {
  78.       "name": "Comment",
  79.       "scope": "comment",
  80.       "settings": {
  81.         "fontStyle": "",
  82.         "foreground": "#9A9B99"
  83.       }
  84.     },
  85.     {
  86.       "name": "String",
  87.       "scope": "string",
  88.       "settings": {
  89.         "fontStyle": "",
  90.         "foreground": "#3F91B4"
  91.       }
  92.     },
  93.     {
  94.       "name": "String Embedded Source",
  95.       "scope": "string source",
  96.       "settings": {
  97.         "fontStyle": "",
  98.         "foreground": "#000"
  99.       }
  100.     },
  101.     {
  102.       "name": "Number",
  103.       "scope": "constant.numeric",
  104.       "settings": {
  105.         "fontStyle": "",
  106.         "foreground": "#F971BB"
  107.       }
  108.     },
  109.     {
  110.       "name": "Built-in constant",
  111.       "scope": "constant.language",
  112.       "settings": {
  113.         "fontStyle": "",
  114.         "foreground": "#408080"
  115.       }
  116.     },
  117.     {
  118.       "name": "User-defined constant",
  119.       "scope": "constant.character, constant.other",
  120.       "settings": {
  121.         "fontStyle": "",
  122.         "foreground": "#8080FF"
  123.       }
  124.     },
  125.     {
  126.       "name": "Keyword",
  127.       "scope": "keyword",
  128.       "settings": {
  129.         "fontStyle": "",
  130.         "foreground": "#CA9E4D"
  131.       }
  132.     },
  133.     {
  134.       "name": "Support",
  135.       "scope": "support",
  136.       "settings": {
  137.         "fontStyle": "",
  138.         "foreground": "#C7444A"
  139.       }
  140.     },
  141.     {
  142.       "name": "Storage",
  143.       "scope": "storage",
  144.       "settings": {
  145.         "fontStyle": "",
  146.         "foreground": "#9872A2"
  147.       }
  148.     },
  149.     {
  150.       "name": "Class name",
  151.       "scope": "entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution",
  152.       "settings": {
  153.         "fontStyle": "",
  154.         "foreground": "#9B0000"
  155.       }
  156.     },
  157.     {
  158.       "name": "Inherited class",
  159.       "scope": "entity.other.inherited-class",
  160.       "settings": {
  161.         "fontStyle": "",
  162.         "foreground": "#C7444A"
  163.       }
  164.     },
  165.     {
  166.       "name": "Function name",
  167.       "scope": "entity.name.function",
  168.       "settings": {
  169.         "fontStyle": "",
  170.         "foreground": "#FFF1CC"
  171.       }
  172.     },
  173.     {
  174.       "name": "Function argument",
  175.       "scope": "variable.parameter",
  176.       "settings": {
  177.         "fontStyle": "",
  178.         "foreground": "#FFF1CC"
  179.       }
  180.     },
  181.     {
  182.       "name": "Tag name",
  183.       "scope": "entity.name.tag",
  184.       "settings": {
  185.         "fontStyle": "",
  186.         "foreground": "#000"
  187.       }
  188.     },
  189.     {
  190.       "name": "Tag attribute",
  191.       "scope": "entity.other.attribute-name",
  192.       "settings": {
  193.         "fontStyle": "",
  194.         "foreground": "#9872A2"
  195.       }
  196.     },
  197.     {
  198.       "name": "Library function",
  199.       "scope": "support.function",
  200.       "settings": {
  201.         "fontStyle": "",
  202.         "foreground": "#9872A2"
  203.       }
  204.     },
  205.     {
  206.       "name": "Keyword",
  207.       "scope": "keyword",
  208.       "settings": {
  209.         "fontStyle": "",
  210.         "foreground": "#C99D47"
  211.       }
  212.     },
  213.     {
  214.       "name": "Class Variable",
  215.       "scope": "variable.other, variable.js, punctuation.separator.variable",
  216.       "settings": {
  217.         "fontStyle": "",
  218.         "foreground": "#34B434"
  219.       }
  220.     },
  221.     {
  222.       "name": "Meta Brace",
  223.       "scope": "punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html",
  224.       "settings": {
  225.         "fontStyle": "",
  226.         "foreground": "#008200"
  227.       }
  228.     },
  229.     {
  230.       "name": "Invalid",
  231.       "scope": "invalid",
  232.       "settings": {
  233.         "fontStyle": "",
  234.         "foreground": "#FF0B00"
  235.       }
  236.     },
  237.     {
  238.       "name": "Normal Variable",
  239.       "scope": "variable.other.php, variable.other.normal",
  240.       "settings": {
  241.         "fontStyle": "",
  242.         "foreground": "#34B434"
  243.       }
  244.     },
  245.     {
  246.       "name": "Function Object",
  247.       "scope": "meta.function-call.object",
  248.       "settings": {
  249.         "fontStyle": "",
  250.         "foreground": "#9872A2"
  251.       }
  252.     },
  253.     {
  254.       "name": "Function Call Variable",
  255.       "scope": "variable.other.property",
  256.       "settings": {
  257.         "fontStyle": "",
  258.         "foreground": "#34B434"
  259.       }
  260.     },
  261.     {
  262.       "name": "Keyword Control / Special",
  263.       "scope": ["keyword.control", "keyword.operator.new.cpp", "keyword.operator.delete.cpp", "keyword.other.using", "keyword.other.operator"],
  264.       "settings": {
  265.         "fontStyle": "",
  266.         "foreground": "#9872A2"
  267.       }
  268.     },
  269.     {
  270.       "name": "Tag",
  271.       "scope": "meta.tag",
  272.       "settings": {
  273.         "fontStyle": "",
  274.         "foreground": "#DE4EBD"
  275.       }
  276.     },
  277.     {
  278.       "name": "Tag Name",
  279.       "scope": "entity.name.tag",
  280.       "settings": {
  281.         "fontStyle": "",
  282.         "foreground": "#C69557"
  283.       }
  284.     },
  285.     {
  286.       "name": "Doctype",
  287.       "scope": "meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype",
  288.       "settings": {
  289.         "fontStyle": "",
  290.         "foreground": "#9AA83A"
  291.       }
  292.     },
  293.     {
  294.       "name": "Tag Inline Source",
  295.       "scope": "meta.tag.inline source, text.html.php.source",
  296.       "settings": {
  297.         "fontStyle": "",
  298.         "foreground": "#9AA83A"
  299.       }
  300.     },
  301.     {
  302.       "name": "Tag Other",
  303.       "scope": "meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html",
  304.       "settings": {
  305.         "fontStyle": "",
  306.         "foreground": "#9872A2"
  307.       }
  308.     },
  309.     {
  310.       "name": "Tag Attribute",
  311.       "scope": "entity.other.attribute-name, meta.tag punctuation.definition.string",
  312.       "settings": {
  313.         "fontStyle": "",
  314.         "foreground": "#DE4EBD"
  315.       }
  316.     },
  317.     {
  318.       "name": "Tag Value",
  319.       "scope": "meta.tag string -source -punctuation, text source text meta.tag string -punctuation",
  320.       "settings": {
  321.         "fontStyle": "",
  322.         "foreground": "#6089B4"
  323.       }
  324.     },
  325.     {
  326.       "name": "Meta Brace",
  327.       "scope": "punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html",
  328.       "settings": {
  329.         "fontStyle": "",
  330.         "foreground": "#D0B344"
  331.       }
  332.     },
  333.     {
  334.       "name": "HTML ID",
  335.       "scope": "meta.toc-list.id",
  336.       "settings": {
  337.         "foreground": "#9AA83A"
  338.       }
  339.     },
  340.     {
  341.       "name": "HTML String",
  342.       "scope": "string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html",
  343.       "settings": {
  344.         "fontStyle": "",
  345.         "foreground": "#F2C067"
  346.       }
  347.     },
  348.     {
  349.       "name": "HTML Tags",
  350.       "scope": "punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end",
  351.       "settings": {
  352.         "fontStyle": "",
  353.         "foreground": "#6089B4"
  354.       }
  355.     },
  356.     {
  357.       "name": "CSS ID",
  358.       "scope": "meta.selector.css entity.other.attribute-name.id",
  359.       "settings": {
  360.         "fontStyle": "",
  361.         "foreground": "#9872A2"
  362.       }
  363.     },
  364.     {
  365.       "name": "CSS Property Name",
  366.       "scope": "support.type.property-name.css",
  367.       "settings": {
  368.         "fontStyle": "",
  369.         "foreground": "#34B434"
  370.       }
  371.     },
  372.     {
  373.       "name": "CSS Property Value",
  374.       "scope": "meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css",
  375.       "settings": {
  376.         "fontStyle": "",
  377.         "foreground": "#C400C6"
  378.       }
  379.     },
  380.     {
  381.       "name": "JavaScript Variable",
  382.       "scope": "variable.language.js",
  383.       "settings": {
  384.         "foreground": "#34B434"
  385.       }
  386.     },
  387.     {
  388.       "name": "Template Definition",
  389.       "scope": ["punctuation.definition.template-expression", "punctuation.section.embedded.coffee"],
  390.       "settings": {
  391.         "foreground": "#D08442"
  392.       }
  393.     },
  394.     {
  395.       "name": "Reset JavaScript string interpolation expression",
  396.       "scope": ["meta.template.expression"],
  397.       "settings": {
  398.         "foreground": "#C5C8C6"
  399.       }
  400.     },
  401.     {
  402.       "name": "PHP Function Call",
  403.       "scope": "meta.function-call.object.php",
  404.       "settings": {
  405.         "fontStyle": "",
  406.         "foreground": "#D0B344"
  407.       }
  408.     },
  409.     {
  410.       "name": "PHP Single Quote HMTL Fix",
  411.       "scope": "punctuation.definition.string.end.php, punctuation.definition.string.begin.php",
  412.       "settings": {
  413.         "foreground": "#9AA83A"
  414.       }
  415.     },
  416.     {
  417.       "name": "PHP Parenthesis HMTL Fix",
  418.       "scope": "source.php.embedded.line.html",
  419.       "settings": {
  420.         "foreground": "#676867"
  421.       }
  422.     },
  423.     {
  424.       "name": "PHP Punctuation Embedded",
  425.       "scope": "punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php",
  426.       "settings": {
  427.         "fontStyle": "",
  428.         "foreground": "#D08442"
  429.       }
  430.     },
  431.     {
  432.       "name": "Ruby Symbol",
  433.       "scope": "constant.other.symbol.ruby",
  434.       "settings": {
  435.         "fontStyle": "",
  436.         "foreground": "#9AA83A"
  437.       }
  438.     },
  439.     {
  440.       "name": "Ruby Variable",
  441.       "scope": "variable.language.ruby",
  442.       "settings": {
  443.         "fontStyle": "",
  444.         "foreground": "#D0B344"
  445.       }
  446.     },
  447.     {
  448.       "name": "Ruby Special Method",
  449.       "scope": "keyword.other.special-method.ruby",
  450.       "settings": {
  451.         "fontStyle": "",
  452.         "foreground": "#D9B700"
  453.       }
  454.     },
  455.     {
  456.       "name": "Ruby Embedded Source",
  457.       "scope": ["punctuation.section.embedded.begin.ruby", "punctuation.section.embedded.end.ruby"],
  458.       "settings": {
  459.         "foreground": "#D08442"
  460.       }
  461.     },
  462.     {
  463.       "name": "SQL",
  464.       "scope": "keyword.other.DML.sql",
  465.       "settings": {
  466.         "fontStyle": "",
  467.         "foreground": "#D0B344"
  468.       }
  469.     },
  470.     {
  471.       "name": "diff: header",
  472.       "scope": "meta.diff, meta.diff.header",
  473.       "settings": {
  474.         "fontStyle": "italic",
  475.         "foreground": "#E0EDDD"
  476.       }
  477.     },
  478.     {
  479.       "name": "diff: deleted",
  480.       "scope": "markup.deleted",
  481.       "settings": {
  482.         "fontStyle": "",
  483.         "foreground": "#dc322f"
  484.       }
  485.     },
  486.     {
  487.       "name": "diff: changed",
  488.       "scope": "markup.changed",
  489.       "settings": {
  490.         "fontStyle": "",
  491.         "foreground": "#cb4b16"
  492.       }
  493.     },
  494.     {
  495.       "name": "diff: inserted",
  496.       "scope": "markup.inserted",
  497.       "settings": {
  498.         "foreground": "#219186"
  499.       }
  500.     },
  501.     {
  502.       "name": "Markup Quote",
  503.       "scope": "markup.quote",
  504.       "settings": {
  505.         "foreground": "#9872A2"
  506.       }
  507.     },
  508.     {
  509.       "name": "Markup Lists",
  510.       "scope": "markup.list",
  511.       "settings": {
  512.         "foreground": "#9AA83A"
  513.       }
  514.     },
  515.     {
  516.       "name": "Markup Styling",
  517.       "scope": "markup.bold, markup.italic",
  518.       "settings": {
  519.         "foreground": "#6089B4"
  520.       }
  521.     },
  522.     {
  523.       "name": "Markup Inline",
  524.       "scope": "markup.inline.raw",
  525.       "settings": {
  526.         "fontStyle": "",
  527.         "foreground": "#FF0080"
  528.       }
  529.     },
  530.     {
  531.       "name": "Markup Headings",
  532.       "scope": "markup.heading",
  533.       "settings": {
  534.         "foreground": "#D0B344"
  535.       }
  536.     },
  537.     {
  538.       "name": "Markup Setext Header",
  539.       "scope": "markup.heading.setext",
  540.       "settings": {
  541.         "fontStyle": "",
  542.         "foreground": "#D0B344"
  543.       }
  544.     },
  545.     {
  546.       "scope": "token.info-token",
  547.       "settings": {
  548.         "foreground": "#6796e6"
  549.       }
  550.     },
  551.     {
  552.       "scope": "token.warn-token",
  553.       "settings": {
  554.         "foreground": "#cd9731"
  555.       }
  556.     },
  557.     {
  558.       "scope": "token.error-token",
  559.       "settings": {
  560.         "foreground": "#f44747"
  561.       }
  562.     },
  563.     {
  564.       "scope": "token.debug-token",
  565.       "settings": {
  566.         "foreground": "#b267e6"
  567.       }
  568.     },
  569.     {
  570.       "name": "this.self",
  571.       "scope": "variable.language",
  572.       "settings": {
  573.         "foreground": "#c7444a"
  574.       }
  575.     }
  576.   ],
  577.   "semanticHighlighting": true
  578. }

vscode Setting sync

  1. GitHub Token: 6340**********
  2. GitHub Gist: 40d597d7a35847fa5d136733b5171a91 
  3. GitHub Gist Type: Secret

使用快捷键

打开设置快捷键 ctrl+K ctrl+S
项目搜索文件 shift + N
将编辑器移动到上一组 ctrl + shift +alt +left
将编辑器移动到下一组 ctrl + shift +alt +right

上移单元格 alt + upArrow
下移单元格 alt + downArrow

单元格并在下方插入 shif + enter

新建窗口 ctrl+shift + =
关闭窗口 ctrl + shift + -

光标撤销(返回上一个光标) ctrl + alt +left
光标重做 ctrl + alt + right

背景图

  1.   //背景图
  2.   "background.useDefault": false,
  3.   "background.style": {
  4.     "content": "21212",
  5.     "pointer-events": "none",
  6.     "position": "absolute",
  7.     "z-index": "99999",
  8.     "width": "100%",
  9.     "height": "100%",
  10.     "background-position": "0% 0%",
  11.     "background-size": "cover",
  12.     "background-repeat": "no-repeat",
  13.     "opacity": 0.2
  14.   },
  15.   "background.customImages": ["file:///E:/bg/123.jpg", "file:///E:/bg/123.jpg"],

tokenId: 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
gistId： 40d597d7a35847fa5d136733b5171a91

webStorm

编辑器 格式化配置

一、插件方式（稳定）
链接：https://pan.baidu.com/s/15D1F71BlnIkIDood_W-XTg
提取码：qqqq
二、激活码方式（不稳定）

1、用浏览器打开网址: vrg123.com

2、在网址上输入密钥：4565
default 是: 不对齐
image.png

项目排除

image.png

代码模板

image.png代码缩略图

CodeGlance插件
image.png

多行显示tab
image.png