Customize Prettier Function Compute WebIDE

Enhance your VSCode experience for Alibaba Cloud's Function Compute by installing Dracula, Material Icon Theme, and Indent-rainbow extensions.

Ctrl+Shift+X or click in Extenions tab in the dock left of VSCode IDE. Find and install these extension: Dracula, Material Icon Theme, Indent-rainbow

Dracula is a dark theme for many editors, shells
wPQBBrGbBjll9m3cdRPCpuvBqz94bgfSiMFdTCyj

Material Icon Theme change beautiful files icon and folders icon
b0MbVUvbiY9eGnw2nwP5mm0Vcn5WUtwvRbixu4HE

Indent-rainbow colorizes the indentation in front of your text
vddnWSZfIQpizKScwwox2AWSTaeiut8dmeGcXXSr

On your workir, make a folder name .vscode and create a file settings.json in this folder, with content:

{
  "workbench.iconTheme": "material-icon-theme",
  "workbench.colorCustomizations": {
    "editorCursor.foreground": "#ffff00",
    "terminalCursor.foreground": "#ffff00"
  },
  "editor.cursorBlinking": "expand",
  "editor.fontSize": 14,
  "editor.lineHeight": 18,
  "editor.fontFamily": "Operator Mono Lig, monospace",
  "editor.fontLigatures": true,
  "editor.letterSpacing": 0.2,
  "indentRainbow.colors": [
    "rgba(247,  37, 133, 0.05)",
    "rgba(114,   9, 183, 0.09)",
    "rgba( 58,  12, 163, 0.10)",
    "rgba( 67,  97, 238, 0.10)",
    "rgba( 76, 201, 240, 0.10)"
  ]
}

bcLCD9nmUxEiNAKwR7PgGI1IVXWUQRvqkz6LXqa3