development:tools:vscode:start

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
development:tools:vscode:start [2022/06/29 10:46] – [Common Extensions] joe.maodevelopment:tools:vscode:start [2025/02/02 14:47] (current) don.lee
Line 9: Line 9:
 <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
  
  
Line 46: Line 80:
 | [[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__ | | | | | | |
Line 57: Line 92:
 | [[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]] | | | ✅ | | | |
Line 63: Line 97:
 | [[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]] | ✅ | ✅ | ✅ | ✅ | | |
Line 89: Line 122:
  
 <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|}} 
Line 355: Line 404:
 ] ]
 </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>
 +
 +
 +
  • development/tools/vscode/start.1656470788.txt.gz
  • Last modified: 2022/06/29 10:46
  • by joe.mao