Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lifeparticle/Cosmic-VSCode
Cosmic-vscode
https://github.com/lifeparticle/Cosmic-VSCode
Last synced: 6 days ago
JSON representation
Cosmic-vscode
- Host: GitHub
- URL: https://github.com/lifeparticle/Cosmic-VSCode
- Owner: lifeparticle
- License: mit
- Created: 2021-08-02T01:19:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-07T09:22:21.000Z (3 months ago)
- Last Synced: 2024-08-07T12:59:47.886Z (3 months ago)
- Size: 74.2 KB
- Stars: 4
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 1. Extensions
```
1. Open preview to the Side: ctrl + k v (Windows) or cmd + k v (Mac)
2. Open preview: ctrl + shift + v (Windows) or cmd + shift + v (Mac)
```
- [Turbo Console Log](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log)
```
1. Select the variable you want to debug
2. ctrl + alt + L (Windows) or ctrl + option + L (Mac)
```
- [SonarLint](https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode)
```
1. Issues are highlighted in your code
2. Issues are listed in the 'Problems' panel.
```
# 2. User and workspace settings
User settings: Apply settings globally
File location:
`$HOME/Library/Application Support/Code/User/settings.json`
Or
- `ctrl + shift + p` -> Windows `cmd + shift + p` -> macOS
- Type `open settings`
- Select `Open Settings (JSON)`
```
{
"editor.fontFamily": "DroidSansMono Nerd Font",
"editor.formatOnSave": true,
"files.trimTrailingWhitespace": true,
"editor.fontSize": 16,
"editor.codeActionsOnSave": null,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"prettier.useTabs": true,
"window.zoomLevel": 1,
"workbench.iconTheme": "material-icon-theme"
}
```
Workspace settings: Apply when a workspace is opened
`MyApp/.vscode/settings.json`
```
{
"editor.fontSize": 16
}
```
# 3. keyboard shortcuts
| Description | Keyboard Shortcut - Windows | Keyboard Shortcut - Mac |
| ------------------------------------------------ | ---------------------------------------------- | -------------------------------------------------- |
| Type Reload window | `ctrl + shift + p` | `cmd + shift + p` |
| Open recent folders and workspaces | `ctrl + r` | |
| Quickly open files | `ctrl + p` | `cmd + p` |
| Zen modes | `ctrl + k z` | |
| Toggle Panel | `ctrl + j` | |
| Toggle sidebar | `ctrl + b` | |
| Side by side editing | `ctrl + \` | |
| Switch between editors | `ctrl + 1`, `ctrl + 2` | |
| Multi cursor selection | `alt + click` | `option + click` |
| Set cursors above or below the current position | `ctrl + alt + up` or `ctrl + alt + down` | `cmd + option + up` or `cmd + option + down` |
| Select all occurrences of the current selection | `ctrl + shift + l` | `cmd + shift + l` |
| Select next occurrences of the current selection | `ctrl + d` | `cmd + d` |
| Undo ext occurrences of the current selection | `ctrl + u` | `cmd + u` |
| Select blocks of text | `shift + alt` | `shift + option` |
| Move cursor by words | `ctrl + left` or `ctrl + right` | `option + left` or `option + right` |
| Select words | `ctrl + shift + left` or `ctrl + shift + right`| `option + shift + left` or `option + shift + right`|
| Move line up and down | `alt + up` or `alt + down` | |
| Copy line up and down | `shift + alt + up` or `shift + alt + down` | |
| Split Editor | `ctrl + \` | |
| Close Editor | `ctrl + w` | |
| Save All | `ctrl + k s` | |
| Editor focus | `ctrl + 1` | `cmd + 1` |
| Sidebar focus | `ctrl + 0` | `cmd + 0` |
# Snippets
Select User Snippets under `File > Preferences` on Windows and `Code > Preferences` on macOS.
# Tips
`"explorer.compactFolders": false`
# Launching from the command line
## macOs
1. Launch VS Code
2. Open the Command Palette (Cmd+Shift+P)
3. Type 'shell command'
4. Select `Shell Install 'code' command in PATH` command
# 4. Resources
- https://code.visualstudio.com/docs/getstarted/settings
- https://code.visualstudio.com/docs/getstarted/tips-and-tricks
- https://code.visualstudio.com/docs/editor/userdefinedsnippets
- https://code.visualstudio.com/docs/getstarted/keybindings
- https://code.visualstudio.com/docs/editor/emmet
- https://code.visualstudio.com/docs/languages/jsconfig
- https://www.youtube.com/watch?v=LyNEHVzJ24U