Difference between revisions of "Visual Studio Code"

From Sinfronteras
Jump to: navigation, search
(Extension)
 
(7 intermediate revisions by the same user not shown)
Line 14: Line 14:
 
==Shortcuts==
 
==Shortcuts==
 
* Commants menu: Ctrl + Shift + P
 
* Commants menu: Ctrl + Shift + P
* Colaps all #regions: Ctrl + K + 8
+
* Fold all: Ctrl + K + 0
* Expand all #regions: Ctrl + K + J
+
* Unfold all: Ctrl + K + J
* Add imports: SHIFT + ALT + O : https://stackoverflow.com/questions/53534584/does-visual-studio-code-have-an-auto-import-feature-for-java
+
* Fold recursively: Ctrl + Alt + E
 +
* Unfold recursively: Ctrl + Alt + R
 +
* Fold all #regions: Ctrl + K + 8
 +
* Fold all #regions: Ctrl + K + 9
 +
* Add imports (Java): SHIFT + ALT + O : https://stackoverflow.com/questions/53534584/does-visual-studio-code-have-an-auto-import-feature-for-java
  
  
Line 27: Line 31:
 
     // Esto es para disable code folding created by jupyter "#%%" cells  
 
     // Esto es para disable code folding created by jupyter "#%%" cells  
 
     "jupyter.interactiveWindow.textEditor.cellFolding": false,
 
     "jupyter.interactiveWindow.textEditor.cellFolding": false,
     "chatgpt.apiKey": "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",
+
    // ChatGPT
 +
     "chatgpt.apiKey": "sk-SjsZYydEphXeL.................",
 +
    // ...
 
     "window.zoomLevel": 1,
 
     "window.zoomLevel": 1,
      
+
     "workbench.list.openMode": "doubleClick",
 +
    // "GTK_PATH" enviroment varible set by defaul está causando problemas con: « gnome-terminal  --geometry=260x25-0+0  --tab -e "bash -c 'ssh -o StrictHostKeyChecking=no ubuntu@62.171.143.243 ; bash'"». La estamos por tanto reajustando a "":
 +
    "terminal.integrated.env.linux": {
 +
        "GTK_PATH": ""
 +
    }
 
}
 
}
 
</syntaxhighlight>
 
</syntaxhighlight>
Line 36: Line 46:
  
 
<br />
 
<br />
 +
 +
==Workspace settings==
 +
Tenemos que crear este archivo en el directorio actual (workspace):
 +
 +
workspace/.vscode/settings.json
 +
<syntaxhighlight lang="json">
 +
{
 +
    "explorer.sortOrder": "filesFirst",
 +
    "files.exclude": {
 +
        "**/.*": false,
 +
        "**/__pycache__": true,
 +
        "**/__init__.py": true,
 +
        "**/*.pyc": true,
 +
        "**/.git": true,
 +
        ".idea": true,
 +
        ".vscode": true
 +
    },
 +
    // "python.linting.enabled": true,
 +
 +
    // Esto soluciona el «unresolved import» problem.
 +
    // De hecho si el workspace is at the root level of the project, no necesitamos esta configuración
 +
    // See https://stackoverflow.com/questions/53939751/pylint-unresolved-import-error-in-visual-studio-code
 +
    //    https://github.com/microsoft/python-language-server/blob/master/TROUBLESHOOTING.md#unresolved-import-warnings
 +
    // "python.autoComplete.extraPaths": [
 +
    //    "./StockMarketSimulator-Python1"
 +
    // ],
 +
    // "python.analysis.extraPaths": [
 +
    //    "./StockMarketSimulator-Python1"
 +
    // ],
 +
}
 +
</syntaxhighlight>
 +
 +
 +
<br />
 +
 
==Extension==
 
==Extension==
 +
 +
* Jupyter https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter
 +
 +
 +
<br />
 +
===Simple Hide Files===
 +
Muy buena para ocultar files/folders en la sidebar. Probé varias y la única que funcionó bien fue ésta:
 +
* https://marketplace.visualstudio.com/items?itemName=sguerri.simple-hide-files
 +
* https://open-vsx.org/extension/sguerri/simple-hide-files
  
  

Latest revision as of 20:28, 17 November 2024

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
    "chatgpt.apiKey": "sk-SjsZYydEphXeL.................",
    // ...
    "window.zoomLevel": 1,
    "workbench.list.openMode": "doubleClick",
    // "GTK_PATH" enviroment varible set by defaul está causando problemas con: « gnome-terminal  --geometry=260x25-0+0  --tab -e "bash -c 'ssh -o StrictHostKeyChecking=no ubuntu@62.171.143.243 ; bash'"». La estamos por tanto reajustando a "":
    "terminal.integrated.env.linux": {
        "GTK_PATH": ""
    }
}



Workspace settings

Tenemos que crear este archivo en el directorio actual (workspace):

workspace/.vscode/settings.json
 
{
    "explorer.sortOrder": "filesFirst",
    "files.exclude": {
        "**/.*": false,
        "**/__pycache__": true,
        "**/__init__.py": true,
        "**/*.pyc": true,
        "**/.git": true,
        ".idea": true,
        ".vscode": true
    },
    // "python.linting.enabled": true,

    // Esto soluciona el «unresolved import» problem.
    // De hecho si el workspace is at the root level of the project, no necesitamos esta configuración
    // See https://stackoverflow.com/questions/53939751/pylint-unresolved-import-error-in-visual-studio-code
    //     https://github.com/microsoft/python-language-server/blob/master/TROUBLESHOOTING.md#unresolved-import-warnings
    // "python.autoComplete.extraPaths": [
    //     "./StockMarketSimulator-Python1"
    // ],
    // "python.analysis.extraPaths": [
    //     "./StockMarketSimulator-Python1"
    // ],
}



Extension



Simple Hide Files

Muy buena para ocultar files/folders en la sidebar. Probé varias y la única que funcionó bien fue ésta:



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