vue tutorial

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

 

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

vsc 設定

 Custom Css and JS Loader

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

 

"vscode_custom_css.imports": [

        "file:///C:/Users/old house/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;
} 

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

/* Explorer 檔案列表 */
.monaco-list-row {
  font-size: 15px !important;
}

/* Explorer 樹 */
.explorer-viewlet .monaco-list {
  font-size: 15px !important;
}

/* 檔名 */
.monaco-icon-label .label-name {
  font-size: 15px !important;
}

/* 修改右鍵選單整體的字型大小 */
.monaco-menu .action-label {
    font-size: 15px !important; /* 根據需求調整數值 */
}

/* 修改編輯器內右鍵選單的字體大小 */
.monaco-menu .action-item .action-menu-item {
    font-size: 15px !important; /* 請依需求調整數值 */
    //font-family: "Segoe UI", "Microsoft JhengHei", sans-serif !important;
}

 

 [
    {
        "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"
    }
]