Difference between revisions of "Visual Studio Code"

From Sinfronteras
Jump to: navigation, search
(Settings)
(Extension)
 
(One intermediate revision by the same user not shown)
Line 35: Line 35:
 
     // ...
 
     // ...
 
     "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 41: Line 46:
  
 
<br />
 
<br />
 +
 
==Workspace settings==
 
==Workspace settings==
 
Tenemos que crear este archivo en el directorio actual (workspace):
 
Tenemos que crear este archivo en el directorio actual (workspace):
Line 76: Line 82:
  
 
==Extension==
 
==Extension==
Simple Hide Files: Muy buena para ocultar files/folders en la sidebar. Probé varias y la única que funcionó bien fue ésta:
+
 
 +
 
 +
<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://marketplace.visualstudio.com/items?itemName=sguerri.simple-hide-files
 
* https://open-vsx.org/extension/sguerri/simple-hide-files
 
* https://open-vsx.org/extension/sguerri/simple-hide-files

Latest revision as of 18:24, 2 October 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