1{
2  ...
3  "editor.accessibilitySupport": "off",
4  "explorer.confirmDelete": false,
5  "explorer.confirmDragAndDrop": false,
6  "javascript.updateImportsOnFileMove.enabled": "always",
7  ...
8}

1{
2  ...
3  // prettier + eslint (in order)
4  "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
5  "editor.formatOnPaste": false, // required
6  "editor.formatOnType": false, // required
7  "editor.formatOnSave": true,
8  "editor.formatOnSaveMode": "file",
9  "vs-code-prettier-eslint.prettierLast": false, // run prettier first,
10  "editor.tabSize": 2,
11  ...
12}

1{
2  ...
3  "editor.codeActionsOnSave": {
4    "source.organizeImports": true
5  },
6  ...
7}

1{
2  ...
3  "window.zoomLevel": 1,
4  "workbench.iconTheme": "material-icon-theme",
5  "workbench.productIconTheme": "emoji-product-icons-fun",
6  "workbench.colorTheme": "Night Owl",
7  ...
8}

1{
2  ...
3  "editor.fontFamily": "Operator Mono, Fira Code",
4  "editor.fontLigatures": true,
5  "editor.fontSize": 16,
6  "editor.tokenColorCustomizations": {
7    "textMateRules": [
8      {
9        "scope": [
10          // following will be in italic
11          "comment", // comments
12          "constant", // String, Number, Boolean…, this, super
13          "storage.modifier", // static keyword
14          "storage.type.class.js", // class keyword
15          "entity.other.attribute-name", // html attributes
16          "keyword.control" // return, if else etc
17        ],
18        "settings": {
19          "fontStyle": "italic"
20        }
21      },
22    ]
23  },
24  ...
25}

1{
2  // turn off annoying sounds
3  "editor.accessibilitySupport": "off",
4
5  // organize imports (reorder imports, remove unused imports)
6  "editor.codeActionsOnSave": {
7    "source.organizeImports": true
8  },
9
10  // prettier + eslint (in order)
11  /* run following in terminal to install locally. 
12    pnpm i -D prettier@^2.5.1 eslint@^8.7.0 @typescript-eslint/parser@^5.0.1 typescript
13  */
14  "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
15  "editor.formatOnPaste": false, // required
16  "editor.formatOnType": false, // required
17  "editor.formatOnSave": true,
18  "editor.formatOnSaveMode": "file",
19  "vs-code-prettier-eslint.prettierLast": false, // run prettier first,
20  "editor.tabSize": 2,
21
22  // explorer
23  "explorer.confirmDelete": false,
24  "explorer.confirmDragAndDrop": false,
25  "javascript.updateImportsOnFileMove.enabled": "always",
26
27  // theme
28  "window.zoomLevel": 1,
29  "workbench.iconTheme": "material-icon-theme",
30  "workbench.productIconTheme": "emoji-product-icons-fun",
31  "workbench.colorTheme": "Night Owl",
32  "workbench.statusBar.visible": false,
33  "workbench.layoutControl.enabled": false,
34
35  // font
36  "editor.fontFamily": "Operator Mono, Fira Code",
37  "editor.fontLigatures": true,
38  "editor.fontSize": 14
39}

1{
2  ...
3  "editor.accessibilitySupport": "off",
4  "explorer.confirmDelete": false,
5  "explorer.confirmDragAndDrop": false,
6  "javascript.updateImportsOnFileMove.enabled": "always",
7  ...
8}

1{
2  ...
3  // prettier + eslint (in order)
4  "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
5  "editor.formatOnPaste": false, // required
6  "editor.formatOnType": false, // required
7  "editor.formatOnSave": true,
8  "editor.formatOnSaveMode": "file",
9  "vs-code-prettier-eslint.prettierLast": false, // run prettier first,
10  "editor.tabSize": 2,
11  ...
12}

1{
2  ...
3  "editor.codeActionsOnSave": {
4    "source.organizeImports": true
5  },
6  ...
7}

1{
2  ...
3  "window.zoomLevel": 1,
4  "workbench.iconTheme": "material-icon-theme",
5  "workbench.productIconTheme": "emoji-product-icons-fun",
6  "workbench.colorTheme": "Night Owl",
7  ...
8}

1{
2  ...
3  "editor.fontFamily": "Operator Mono, Fira Code",
4  "editor.fontLigatures": true,
5  "editor.fontSize": 16,
6  "editor.tokenColorCustomizations": {
7    "textMateRules": [
8      {
9        "scope": [
10          // following will be in italic
11          "comment", // comments
12          "constant", // String, Number, Boolean…, this, super
13          "storage.modifier", // static keyword
14          "storage.type.class.js", // class keyword
15          "entity.other.attribute-name", // html attributes
16          "keyword.control" // return, if else etc
17        ],
18        "settings": {
19          "fontStyle": "italic"
20        }
21      },
22    ]
23  },
24  ...
25}

1{
2  // turn off annoying sounds
3  "editor.accessibilitySupport": "off",
4
5  // organize imports (reorder imports, remove unused imports)
6  "editor.codeActionsOnSave": {
7    "source.organizeImports": true
8  },
9
10  // prettier + eslint (in order)
11  /* run following in terminal to install locally. 
12    pnpm i -D prettier@^2.5.1 eslint@^8.7.0 @typescript-eslint/parser@^5.0.1 typescript
13  */
14  "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
15  "editor.formatOnPaste": false, // required
16  "editor.formatOnType": false, // required
17  "editor.formatOnSave": true,
18  "editor.formatOnSaveMode": "file",
19  "vs-code-prettier-eslint.prettierLast": false, // run prettier first,
20  "editor.tabSize": 2,
21
22  // explorer
23  "explorer.confirmDelete": false,
24  "explorer.confirmDragAndDrop": false,
25  "javascript.updateImportsOnFileMove.enabled": "always",
26
27  // theme
28  "window.zoomLevel": 1,
29  "workbench.iconTheme": "material-icon-theme",
30  "workbench.productIconTheme": "emoji-product-icons-fun",
31  "workbench.colorTheme": "Night Owl",
32  "workbench.statusBar.visible": false,
33  "workbench.layoutControl.enabled": false,
34
35  // font
36  "editor.fontFamily": "Operator Mono, Fira Code",
37  "editor.fontLigatures": true,
38  "editor.fontSize": 14
39}

1pnpm i -D prettier@^2.5.1 eslint@^8.7.0 @typescript-eslint/parser@^5.0.1 typescript

1pnpm i -D prettier@^2.5.1 eslint@^8.7.0 @typescript-eslint/parser@^5.0.1 typescript