ExplorerPatcher

 https://github.com/valinet/ExplorerPatcher

visual studio code keymap

 [
    {
        "key": "alt+oem_2",
        "command": "editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+space",
        "command": "-editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+backspace",
        "command": "-deleteWordLeft",
        "when": "textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+space",
        "command": "-toggleSuggestionDetails",
        "when": "suggestWidgetVisible && textInputFocus"
    }
]

目标

 1 

取得蓝图的方法

view内部简易事件的传递

keepAlive view（OnInitedSope）

waitElement

2.state

(defaultData: callback

若沒指定外部資料時，則使用)???

3.Service（data 與資料庫的溝通，可以預設）

4.template 

viewSwitch 

vue tutorial

 https://www.runoob.com/vue3/vue3-tutorial.html

 

https://www.runoob.com/vue3/vue3-tutorial.html

visual studio code 文字大小

 Custom Css and JS Loader

"file:///C:/Users/user/vsc/custom.css" 

Enable Custom Css and JS

Reload Custom Css and JS

-------------------------------------------------

/*
.monaco-workbench .part>.content {
  font-size: 16px !important;
}
*/
div.explorer-viewlet {
  font-size: 14.5px !important;
}

Disable Windows Defender

 Windows Registry Editor Version 5.00

; Disable Windows Defender registry
; Generated by RegFiles.net
; https://www.regfiles.net/registry/disable-windows-defender-registry

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender]
"DisableAntiSpyware"=dword:00000001
"DisableRealtimeMonitoring"=dword:00000001
"DisableAntiVirus"=dword:00000001
"DisableSpecialRunningModes"=dword:00000001
"DisableRoutinelyTakingAction"=dword:00000001
"ServiceKeepAlive"=dword:00000001

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender\Real-Time Protection]
"DisableBehaviorMonitoring"=dword:00000001
"DisableOnAccessProtection"=dword:00000001
"DisableRealtimeMonitoring"=dword:00000001
"DisableScanOnRealtimeEnable"=dword:00000001

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender\Signature Updates]
"ForceUpdateFromMU"=dword:00000001

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender\Spynet]
"DisableBlockAtFirstSeen"=dword:00000001

font

 https://www.codingfont.com/browse

atom style

@font-size-1: 10px; // style the background color of the tree view
@font-size-2: 11.5px;

.tree-view {
  // background-color: whitesmoke;
  font-size: @font-size-2 !important;
}
// style the background and foreground colors on the atom-text-editor-element itself

atom-text-editor {
  // color: rgb(200,200,200);
  background-color: rgb(40,40,40);
  font-size: 11.6px !important;
}
// style UI elements inside atom-text-editor

atom-text-editor .cursor {
  // border-color: red;
}

.status-bar {
  font-size: 10px !important;
}

atom-panel.panel-bottom {
  font-size: @font-size-1 !important;
}

.preview-pane {
  font-size: @font-size-1 !important;
}
//-----------------------

atom-panel.modal.from-top {
  top: 10px !important;
}

.select-list ol.list-group {
  max-height: 752px !important;
}
//-----------------------

====================================

'atom-text-editor':
  "ctrl-space": "unset!"
  'alt-/': 'autocomplete-plus:activate'

'.platform-linux atom-text-editor, .platform-win32 atom-text-editor':
  'ctrl-i': 'regex-railroad-diagram:show' 

====================================

@font-size-1: 10px; // style the background color of the tree view
@font-size-2: 11.5px;

.tree-view {
  // background-color: whitesmoke;
  font-size: @font-size-2 !important;
}
// style the background and foreground colors on the atom-text-editor-element itself

atom-text-editor {
  // color: rgb(200,200,200);
  background-color: rgb(40,40,40);
  font-size: 13.6px !important;
}
// style UI elements inside atom-text-editor

atom-text-editor .cursor {
  // border-color: red;
}

status-bar.status-bar {
  font-size: 10px !important;
}

div.status-bar-left > * {
  margin-right: 20px;
  margin-left: 20px;
}
//-----------------------

cursor.cursor-position {

}

atom-panel.panel-bottom {
  font-size: @font-size-1 !important;
}

.preview-pane {
  font-size: @font-size-1 !important;
}
//-----------------------

atom-panel.modal.from-top {
  // symbol
  top: 0 !important;
}

.select-list ol.list-group {
  // symbol
  max-height: 580px !important;
}

.select-list ol.list-group li.two-lines {
  // symbol item
  padding: 0 !important;
}
//-----------------------