| Both sides previous revision Previous revision Next revision | Previous revision |
| development:tools:vscode:start [2022/06/29 10:46] – [Common Extensions] joe.mao | development:tools:vscode:start [2025/02/02 14:47] (current) – don.lee |
|---|
| <code> | <code> |
| { | { |
| "dart.previewFlutterUiGuides": true, | "editor.renderWhitespace" : "boundary", |
| "editor.wordWrap": "on", | "dart.previewFlutterUiGuides" : true, |
| "editor.renderWhitespace": "boundary", | "[javascript]" : { |
| "editor.tabSize": 2, | "editor.defaultFormatter" : "vscode.typescript-language-features" |
| "editor.insertSpaces": true, | }, |
| "editor.detectIndentation": false, | "workbench.startupEditor" : "newUntitledFile", |
| "editor.suggestSelection": "first", | "editor.insertSpaces" : true, |
| "eslint.validate": [ | "security.workspace.trust.untrustedFiles" : "open", |
| | "editor.accessibilitySupport" : "off", |
| | "editor.tabSize" : 2, |
| | "files.autoSave" : "onFocusChange", |
| | "editor.suggestSelection" : "first", |
| | "files.eol" : "\n", |
| | "eslint.validate" : [ |
| "javascript", | "javascript", |
| "javascriptreact", | "javascriptreact", |
| "vue" | "vue" |
| ], | ], |
| "files.autoSave": "onFocusChange", | "workbench.editor.untitled.hint" : "hidden", |
| "files.eol": "\n", | "editor.detectIndentation": false, |
| | "editor.wordWrap" : "on", |
| "files.insertFinalNewline": true, | "files.insertFinalNewline": true, |
| "window.zoomLevel": 1, | "terminal.integrated.env.osx": { |
| "workbench.startupEditor": "newUntitledFile" | "FIG_NEW_SESSION": "1" |
| | }, |
| | "files.exclude": { |
| | "**/.classpath": true, |
| | "**/.project": true, |
| | "**/.settings": true, |
| | "**/.factorypath": true |
| | }, |
| | "mssql.connections": [ |
| | { |
| | "server": "192.168.88.241\\SQLEXPRESS", |
| | "database": "jccpa", |
| | "authenticationType": "SqlLogin", |
| | "user": "jccpa", |
| | "password": "", |
| | "emptyPasswordInput": false, |
| | "savePassword": true |
| | } |
| | ], |
| | "dart.debugExternalPackageLibraries": true, |
| | "dart.debugSdkLibraries": true, |
| | "window.zoomLevel": 1 |
| } | } |
| </code> | </code> |
| | |
| | ==== Newline character ==== |
| | |
| | Please set the newline character as 'LF' |
| | |
| | Reference: https://wiki.questwork.com/dokuwiki/doku.php?id=zh:staff:mao_joe:about_git_newline:start&s[]=crlf |
| |
| |
| | [[https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag|Auto Rename Tag]] | ✅ | ✅ | ✅ | ✅ | | | | | [[https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag|Auto Rename Tag]] | ✅ | ✅ | ✅ | ✅ | | | |
| | [[https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp|C#]] | ✅ | ✅ | | | | | | | [[https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp|C#]] | ✅ | ✅ | | | | | |
| | | [[https://marketplace.visualstudio.com/items?itemName=Codeium.codeium|Codeium]] | | | | | ✅ | free AI code acceleration plugin for your favorite languages | |
| | [[https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code|Dart]] | ✅ | | ✅ | ✅ | | | | | [[https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code|Dart]] | ✅ | | ✅ | ✅ | | | |
| | __[Deprecated] Debugger for Chrome__ | | | | | | | | | __[Deprecated] Debugger for Chrome__ | | | | | | | |
| | [[https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter|Flutter]] | ✅ | | ✅ | ✅ | | | | | [[https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter|Flutter]] | ✅ | | ✅ | ✅ | | | |
| | [[https://marketplace.visualstudio.com/items?itemName=GitHub.copilot|GitHub Copilot]] | | | | | ✅ | AI pair programmer. Requires a subscription. | | | [[https://marketplace.visualstudio.com/items?itemName=GitHub.copilot|GitHub Copilot]] | | | | | ✅ | AI pair programmer. Requires a subscription. | |
| | [[development:tools:vscode:gulp tasks:|Gulp Tasks]] | | | | | | Pls change to use Tasks Panel. | | |
| | [[https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion|IntelliSense for CSS class names in HTML]] | ✅ | ✅ | | ✅ | | | | | [[https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion|IntelliSense for CSS class names in HTML]] | ✅ | ✅ | | ✅ | | | |
| | [[https://marketplace.visualstudio.com/items?itemName=mathiasfrohlich.Kotlin|Kotlin Language]] | | | ✅ | | | | | | [[https://marketplace.visualstudio.com/items?itemName=mathiasfrohlich.Kotlin|Kotlin Language]] | | | ✅ | | | | |
| | [[https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme|Material Icon Theme (File Icon Theme)]] | | | | | ✅ | | | | [[https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme|Material Icon Theme (File Icon Theme)]] | | | | | ✅ | | |
| | [[development:tools:vscode:mongodb for vscode:|MongoDB for VS Code]] | ✅ | ✅ | ✅ | | | Except for backend colleagues, please only use it for search purposes as much as possible. | | | [[development:tools:vscode:mongodb for vscode:|MongoDB for VS Code]] | ✅ | ✅ | ✅ | | | Except for backend colleagues, please only use it for search purposes as much as possible. | |
| | [[https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script|npm]] | ✅ | ✅ | | ✅ | | | | |
| | [[https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense|npm Intellisense]] | ✅ | ✅ | | ✅ | | | | | [[https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense|npm Intellisense]] | ✅ | ✅ | | ✅ | | | |
| | [[https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense|Path Intellisense]] | ✅ | ✅ | ✅ | ✅ | | | | | [[https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense|Path Intellisense]] | ✅ | ✅ | ✅ | ✅ | | | |
| |
| <note tip>VS Code allows you to search test or search by Regular Expression</note> | <note tip>VS Code allows you to search test or search by Regular Expression</note> |
| | |
| | ==== Example 1 ==== |
| | |
| | * using regular expression to find and replace all $('...') to $("....") |
| | * escape characters like $ ( with \ |
| | * using (.*) to match any characters inside |
| | * using $1 to replace the matched characters |
| | |
| | <code> |
| | \$\('(.*)'\) |
| | $("$1") |
| | </code> |
| | |
| | {{:development:tools:vscode:screenshot_2022-07-13_at_1.34.58_pm.png?600|}} |
| | |
| | ==== Example 2 ==== |
| |
| {{:development:tools:vscode:screenshot_2020-06-19_at_11.54.44_am.png?400|}} | {{:development:tools:vscode:screenshot_2020-06-19_at_11.54.44_am.png?400|}} |
| ] | ] |
| </code> | </code> |
| | |
| | ===== Troubleshooting ===== |
| | |
| | |
| | Problem: Left side bar Explorer icon is missing |
| | |
| | Solution: |
| | |
| | Run this in VS Code command palette: |
| | <code> |
| | View: Reset View Locations |
| | </code> |
| | |
| | |
| | |