Visual Studio Code Download And Setup

jABER IT LTDjABER IT LTD -
1
Visual Studio Code Download And Setup

Visual Studio Code Download And Setup

You Can Use All The Following Codes In The Settings.JSON File To Do Visual Studio Code Fonts, Editors, Code Formatting, Terminal Customization.

First, Download And Install Visual Studio Code By Clicking On The Link Below

🔗 Download Visual Studio Code--
URL-Https://code.visualstudio.com/download

** I Recommend You To Use Visual Studio Code Editor And Install & Apply The Below Extensions And Settings. If The Automatic Alignment And Code Comply With The Airbnb Javascript Style Guide And Give The Error, I Will Use Two Plugins For Automatic Formatting.

Extensions-

Install The Below Extensions:

1. Live Server - Ritwik Dey
2. Es Lint - Dirk Baeumer
3. Prettier - Code Formatter - Esben Petersen
4. Vscode-icons - Vscode Icons Team
5. Path Autocomplete - Mihai Vilcu
6. Turbo Console Log - Chakrounanas
7. Es7 React/redux/graphql/react-native Snippets - Dsznajder
8. Dracula Official - Dracula Theme
9. Auto Rename Tag - Jun Han
10. Andromeda - Eliver Lara
11. Emoji Snippets - Devzstudio
12. Community Material Theme - Mattia Astorino
**you Can Use The Following Settings To Enhance The Font Size, Font Family Settings Of Visual Studio Code Editor. To Use The Settings Codes, Open The Settings.jason File In Visual Studio Code Editor, Copy And Paste The Codes. 
Settings.jason Edit- 
{
  // editor
  "editor.fontSize": 20,
  "editor.fontFamily": "Fira Code, Operator Mono",
  "editor.fontLigatures": true,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic"
        }
      }
    ]
  }
**You can use the following settings to make the cursor of Visual Studio Code Editor beautiful. To use the settings codes, open the Settings.jason file in Visual Studio Code Editor, copy and paste the codes. 
Settings.jason Edit- 

 // cursor
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorBlinking": "expand",
** You can use the following settings to enhance the code formatting of Visual Studio Code Editor. To use the settings codes, open the Settings.jason file in the Visual Studio Code Editor, copy and paste the codes. 
Settings.jason Edit- 

// config related to code formatting
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": null
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": null
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.tslint": true,
    "source.organizeImports": true
  },
  "eslint.alwaysShowStatus": true,
** You can use the following settings for custom terminal customization in Visual Studio Code Editor. To use the settings codes, open the Settings.jason file in Visual Studio Code Editor, copy and paste the codes. 
Settings.jason Edit- 

 //terminal
  "terminal.integrated.fontSize": 16,
  "terminal.integrated.fontWeight": "normal",
  "terminal.integrated.fontFamily": "Fira Code, Operator Mono",
  "workbench.colorTheme": "Community Material Theme Darker High Contrast",
  "workbench.iconTheme": "vscode-icons",
  // terminal customization
  "workbench.colorCustomizations": {
    "terminal.background": "#1D2021",
    "terminal.foreground": "#A89984",
    "terminalCursor.background": "#A89984",
    "terminalCursor.foreground": "#A89984",
    "terminal.ansiBlack": "#1D2021",
    "terminal.ansiBlue": "#0D6678",
    "terminal.ansiBrightBlack": "#665C54",
    "terminal.ansiBrightBlue": "#0D6678",
    "terminal.ansiBrightCyan": "#8BA59B",
    "terminal.ansiBrightGreen": "#95C085",
    "terminal.ansiBrightMagenta": "#8F4673",
    "terminal.ansiBrightRed": "#FB543F",
    "terminal.ansiBrightWhite": "#FDF4C1",
    "terminal.ansiBrightYellow": "#FAC03B",
    "terminal.ansiCyan": "#8BA59B",
    "terminal.ansiGreen": "#95C085",
    "terminal.ansiMagenta": "#8F4673",
    "terminal.ansiRed": "#FB543F",
    "terminal.ansiWhite": "#A89984",
    "terminal.ansiYellow": "#FAC03B"
  }

🔗 Demo Application-
URL- Demo Application
Username - demo, Pass- demo

I hope everyone will like it. Please watch the full video,
Comment on any of your problems, I will try my best to solve the problem, In-Shah Allah. Everyone's cooperation is desirable. Visit my blog site, new technology related videos, you will get different types of tutorials of Oracle Apex, and hopefully, you can use them in your daily work.
Please stay tuned by subscribing to the YouTube channel, and encourages new videos to be uploaded.
=================
Visit my site to get more collaborative posts about Oracle Apex and subscribe to my YouTube channel. Thanks.
Comment on any of your issues, I will try my best to solve the problem, In-Shah Allah. Everyone's cooperation is desirable.
Visit my blog site, new technology-related videos, you will get different types of tutorials of Oracle Apex, and hopefully, you can use them in your daily work.
==============================

🙍🏾‍ Md jABER HOSSEN
📲 Mobile- +8801760688286
📨 Email- jaberit786@gmail.com
🌐 FB- facebook.com/mdjaber.hossen1
Please Subscribe to My Channel

Many thanks for visiting the site.

Then Enjoy.........................

All Extensions-

1. Live Server - ritwik dey
2. ES Lint - Dirk Baeumer
3. Prettier - Code formatter - Esben Petersen
4. vscode-icons - VSCode Icons Team
5. Path Autocomplete - Mihai Vilcu
6. Turbo Console Log - ChakrounAnas
7. ES7 React/Redux/GraphQL/React-Native snippets - dsznajder
8. Dracula Official - Dracula Theme
9. Auto Rename Tag - Jun Han
10. Andromeda - Eliver Lara
11. Emoji Snippets - Devzstudio
12. Community Material Theme - Mattia Astorino


Full Settings.json File

{
  // editor
  "editor.fontSize": 20,
  "editor.fontFamily": "Fira Code, Operator Mono",
  "editor.fontLigatures": true,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic"
        }
      }
    ]
  },
  // cursor
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorBlinking": "expand",
  // config related to code formatting
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": null
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false,
    "editor.defaultFormatter": null
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.tslint": true,
    "source.organizeImports": true
  },
  "eslint.alwaysShowStatus": true,
  //terminal
  "terminal.integrated.fontSize": 16,
  "terminal.integrated.fontWeight": "normal",
  "terminal.integrated.fontFamily": "Fira Code, Operator Mono",
  "workbench.colorTheme": "Community Material Theme Darker High Contrast",
  "workbench.iconTheme": "vscode-icons",
  // terminal customization
  "workbench.colorCustomizations": {
    "terminal.background": "#1D2021",
    "terminal.foreground": "#A89984",
    "terminalCursor.background": "#A89984",
    "terminalCursor.foreground": "#A89984",
    "terminal.ansiBlack": "#1D2021",
    "terminal.ansiBlue": "#0D6678",
    "terminal.ansiBrightBlack": "#665C54",
    "terminal.ansiBrightBlue": "#0D6678",
    "terminal.ansiBrightCyan": "#8BA59B",
    "terminal.ansiBrightGreen": "#95C085",
    "terminal.ansiBrightMagenta": "#8F4673",
    "terminal.ansiBrightRed": "#FB543F",
    "terminal.ansiBrightWhite": "#FDF4C1",
    "terminal.ansiBrightYellow": "#FAC03B",
    "terminal.ansiCyan": "#8BA59B",
    "terminal.ansiGreen": "#95C085",
    "terminal.ansiMagenta": "#8F4673",
    "terminal.ansiRed": "#FB543F",
    "terminal.ansiWhite": "#A89984",
    "terminal.ansiYellow": "#FAC03B"
  }
}

1 Comments

Hlo Sir

Previous Post Next Post