Monaco Editor 參數配置詳解

 const option = {
    value: '', // 編輯器初始顯示文字
    language: 'sql', // 語言支持自行查閱demo
    automaticLayout: true, // 自動布局
    foldingStrategy: 'indentation', // 代碼可分小段折疊
    autoClosingBrackets: 'always', // 是否自動添加結束括號(包括中括號) "always" | "languageDefined" | "beforeWhitespace" | "never"
    autoClosingDelete: 'always', // 是否自動刪除結束括號(包括中括號) "always" | "never" | "auto"
    autoClosingQuotes: 'always', // 是否自動添加結束的單引號 雙引號 "always" | "languageDefined" | "beforeWhitespace" | "never"
    autoIndent: 'None', // 控制編輯器在用戶鍵入、粘貼、移動或縮進行時是否應自動調整縮進
    comments: {
         ignoreEmptyLines: true, // 插入行注釋時忽略空行。默認為真。
         insertSpace: true // 在行注釋標記之后和塊注釋標記內插入一個空格。默認為真。
    }, // 注釋配置
            //
    cursorBlinking: 'Solid', // 光標動畫樣式
    cursorSmoothCaretAnimation: true, // 是否啟用光標平滑插入動畫  當你在快速輸入文字的時候 光標是直接平滑的移動還是直接"閃現"到當前文字所處位置
    cursorSurroundingLines: 0, // 光標環繞行數 當文字輸入超過屏幕時 可以看見右側滾動條中光標所處位置是在滾動條中間還是頂部還是底部 即光標環繞行數 環繞行數越大 光標在滾動條中位置越居中
    cursorSurroundingLinesStyle: 'all', // "default" | "all" 光標環繞樣式
    cursorWidth: 2, // <=25 光標寬度
    minimap: { // 關閉代碼縮略圖
    enabled: false // 是否啟用預覽圖
    },
    overviewRulerBorder: false, // 是否應圍繞概覽標尺繪制邊框
    folding: true, // 是否啟用代碼折疊
    scrollBeyondLastLine: false, // 設置編輯器是否可以滾動到最后一行之后
    renderLineHighlight: 'all', // 當前行突出顯示方式  "all" | "line" | "none" | "gutter"
    theme: 'vs' // 官方自帶三種主題vs, hc-black, or vs-dark
  }