Difference between revisions of "Visual Studio Code"

From Sinfronteras
Jump to: navigation, search
(Databases)
Line 13: Line 13:
 
<br />
 
<br />
 
==Shortcuts==
 
==Shortcuts==
* Add imports: SHIFT+ ALT + O : https://stackoverflow.com/questions/53534584/does-visual-studio-code-have-an-auto-import-feature-for-java
+
* Commants menu: Ctrl + Shift + P
 +
* Colaps all #regions: Ctrl + K + 8
 +
* Expand all #regions: Ctrl + K + J
 +
* Add imports: SHIFT + ALT + O : https://stackoverflow.com/questions/53534584/does-visual-studio-code-have-an-auto-import-feature-for-java
 +
 
 +
 
 +
<br />
 +
==Settings==
 +
* Commants menu > Open user settings (JSON)
 +
 
 +
<syntaxhighlight lang="json">
 +
{
 +
    // Esto es para disable code folding created by jupyter "#%%" cells
 +
    "jupyter.interactiveWindow.textEditor.cellFolding": false,
 +
    "chatgpt.apiKey": "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",
 +
    "window.zoomLevel": 1,
 +
   
 +
}
 +
</syntaxhighlight>
 +
 
  
  

Revision as of 14:25, 16 April 2023

https://code.visualstudio.com

https://en.wikipedia.org/wiki/Visual_Studio_Code

Visual Studio Code (VS Code) is a source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.



Installation

Can be installed using «Snap» command or by downloading the <file>.deb. Se the official documentation at https://code.visualstudio.com/docs/setup/linux



Shortcuts



Settings

  • Commants menu > Open user settings (JSON)
 
{
    // Esto es para disable code folding created by jupyter "#%%" cells 
    "jupyter.interactiveWindow.textEditor.cellFolding": false,
    "chatgpt.apiKey": "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",
    "window.zoomLevel": 1,
    
}



Extension


Custom icons

There is an extension in VS Code that displays custom icons for different types of files. For example, for a JavaScript file with the ".js" extension it displays the JavaScript logo while for a TypeScript file with the ".ts" extension it displays the TypeScript logo. This can be useful because it helps your brain to visually identify each of the files in the project explorer.


You can install the extension by clicking on the Extensions icon. You can then search for vscode-icons and install it.

After installing it you will need to restart VS Code and click on File → Preferences → File Icon Theme. Then select VSCode Icons.



Better Comments

https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments



Java Code Generators

https://marketplace.visualstudio.com/items?itemName=sohibe.java-generate-setters-getters



Highlight words

https://marketplace.visualstudio.com/items?itemName=rsbondi.highlight-words



Databases

https://marketplace.visualstudio.com/items?itemName=vs-publisher-988541.apexsql-power-tools&ssr=false#overview


https://marketplace.visualstudio.com/items?itemName=mtxr.sqltools-driver-mysql