Visual Studio Code Tips and Tricks (Part - 01)
Visual Studio Code Shortcut
- Format the entire active file : Ctrl+Shift+I
- Format the selected text: Ctrl+K Ctrl+F
Visual studio code extensions which I use most
- Markdown Preview Enhanced
- Code Spell Checker
- ES7 React/Redux/GraphQL/React-Native snippets
- html to JSX
- :emojisense:
- Auto Markdown TOC
- Markdown PDF
- C#
- Java Extension Pack
- Kubernetes
- YAML
- Angular Language Service
- Angular Snippets
- HTML CSS Support
- VS Code Live Server
- ESLint
- Prettier - Code formatter
VS Code to open starting at the current folder.
code .
How to add a project to a solution using VS Code
Open VS Code terminal and navigate to the directory where you want to create solution folder. Use following commands
dotnet new sln -o MyApiApp
The -o parameter lets you specify the output directory
Navigate to solution direction
Cd .\MyApiApp\
Create new projects under root solution folder
dotnet new console -o MyApiApp.ConsoleApp
dotnet new webapi -o MyApiApp.WebApi
dotnet new classlib -o MyApiApp.Repository
dotnet new xunit -o MyApiApp.Tests
Add projects to solution (use tab to navigate path).
dotnet sln MyApiApp.sln add .\MyApiApp.ConsoleApp\MyApiApp.ConsoleApp.csproj .\MyApiApp.WebApi\MyApiApp.WebApi.csproj .\MyApiApp.Repository\MyApiApp.Repository.csproj .\MyApiApp.Tests\MyApiApp.Tests.csproj
Add project references
dotnet add .\MyApiApp.WebApi\MyApiApp.WebApi.csproj reference .\MyApiApp.Repository\MyApiApp.Repository.csproj
dotnet add .\MyApiApp.ConsoleApp\MyApiApp.ConsoleApp.csproj reference .\MyApiApp.Repository\MyApiApp.Repository.csproj
dotnet add .\MyApiApp.Tests\MyApiApp.Tests.csproj reference .\MyApiApp.WebApi\MyApiApp.WebApi.csproj .\MyApiApp.Repository\MyApiApp.Repository.csproj
Shortcut for Visual Studio
VS Code
- Ctrl + Shift + P = will bring you directly to the editor commands
- Alt + Shift + f = Format portion of the code
For React.js
- rfc + tab = React function component
- rcc + tab = React class component