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:
123456789101112<span class="lit">1.</span><span class="pln"> </span><span class="typ">Live</span><span class="pln"> </span><span class="typ">Server</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Ritwik</span><span class="pln"> </span><span class="typ">Dey</span><span class="pln">
</span><span class="lit">2.</span><span class="pln"> </span><span class="typ">Es</span><span class="pln"> </span><span class="typ">Lint</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Dirk</span><span class="pln"> </span><span class="typ">Baeumer</span><span class="pln">
</span><span class="lit">3.</span><span class="pln"> </span><span class="typ">Prettier</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Code</span><span class="pln"> </span><span class="typ">Formatter</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Esben</span><span class="pln"> </span><span class="typ">Petersen</span><span class="pln">
</span><span class="lit">4.</span><span class="pln"> </span><span class="typ">Vscode</span><span class="pun">-</span><span class="pln">icons </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Vscode</span><span class="pln"> </span><span class="typ">Icons</span><span class="pln"> </span><span class="typ">Team</span><span class="pln">
</span><span class="lit">5.</span><span class="pln"> </span><span class="typ">Path</span><span class="pln"> </span><span class="typ">Autocomplete</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Mihai</span><span class="pln"> </span><span class="typ">Vilcu</span><span class="pln">
</span><span class="lit">6.</span><span class="pln"> </span><span class="typ">Turbo</span><span class="pln"> </span><span class="typ">Console</span><span class="pln"> </span><span class="typ">Log</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Chakrounanas</span><span class="pln">
</span><span class="lit">7.</span><span class="pln"> </span><span class="typ">Es7</span><span class="pln"> </span><span class="typ">React</span><span class="pun">/</span><span class="pln">redux</span><span class="pun">/</span><span class="pln">graphql</span><span class="pun">/</span><span class="pln">react</span><span class="pun">-</span><span class="kwd">native</span><span class="pln"> </span><span class="typ">Snippets</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Dsznajder</span><span class="pln">
</span><span class="lit">8.</span><span class="pln"> </span><span class="typ">Dracula</span><span class="pln"> </span><span class="typ">Official</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Dracula</span><span class="pln"> </span><span class="typ">Theme</span><span class="pln">
</span><span class="lit">9.</span><span class="pln"> </span><span class="typ">Auto</span><span class="pln"> </span><span class="typ">Rename</span><span class="pln"> </span><span class="typ">Tag</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Jun</span><span class="pln"> </span><span class="typ">Han</span><span class="pln">
</span><span class="lit">10.</span><span class="pln"> </span><span class="typ">Andromeda</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Eliver</span><span class="pln"> </span><span class="typ">Lara</span><span class="pln">
</span><span class="lit">11.</span><span class="pln"> </span><span class="typ">Emoji</span><span class="pln"> </span><span class="typ">Snippets</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Devzstudio</span><span class="pln">
</span><span class="lit">12.</span><span class="pln"> </span><span class="typ">Community</span><span class="pln"> </span><span class="typ">Material</span><span class="pln"> </span><span class="typ">Theme</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Mattia</span><span class="pln"> </span><span class="typ">Astorino</span>
**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.
123456789101112131415161718<span class="lit">Settings</span><span class="pun">.</span><span class="pln">jason </span><span class="typ">Edit</span><span class="pun">-</span><span class="pln">
</span><span class="pun">{</span><span class="pln">
</span><span class="com">// editor</span><span class="pln">
</span><span class="str">"editor.fontSize"</span><span class="pun">:</span><span class="pln"> </span><span class="lit">20</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.fontFamily"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"Fira Code, Operator Mono"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.fontLigatures"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.wordWrap"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"on"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.minimap.enabled"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.tokenColorCustomizations"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"textMateRules"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">[</span><span class="pln">
</span><span class="pun">{</span><span class="pln">
</span><span class="str">"scope"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"comment"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"settings"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"fontStyle"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"italic"</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">]</span><span class="pln">
</span><span class="pun">}</span>
**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.
12345<span class="lit">Settings</span><span class="pun">.</span><span class="pln">jason </span><span class="typ">Edit</span><span class="pun">-</span><span class="pln">
</span><span class="com">// cursor</span><span class="pln">
</span><span class="str">"editor.cursorSmoothCaretAnimation"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.cursorBlinking"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"expand"</span><span class="pun">,</span>
** 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.
12345678910111213141516171819<span class="lit">Settings</span><span class="pun">.</span><span class="pln">jason </span><span class="typ">Edit</span><span class="pun">-</span><span class="pln">
</span><span class="com">// config related to code formatting</span><span class="pln">
</span><span class="str">"editor.defaultFormatter"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"esbenp.prettier-vscode"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.formatOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"[javascript]"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"editor.formatOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.defaultFormatter"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">null</span><span class="pln">
</span><span class="pun">},</span><span class="pln">
</span><span class="str">"[javascriptreact]"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"editor.formatOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.defaultFormatter"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">null</span><span class="pln">
</span><span class="pun">},</span><span class="pln">
</span><span class="str">"editor.codeActionsOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"source.fixAll.eslint"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"source.fixAll.tslint"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"source.organizeImports"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pln">
</span><span class="pun">},</span><span class="pln">
</span><span class="str">"eslint.alwaysShowStatus"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span>
** 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.
12345678910111213141516171819202122232425262728293031<span class="lit">Settings</span><span class="pun">.</span><span class="pln">jason </span><span class="typ">Edit</span><span class="pun">-</span><span class="pln">
</span><span class="com">//terminal</span><span class="pln">
</span><span class="str">"terminal.integrated.fontSize"</span><span class="pun">:</span><span class="pln"> </span><span class="lit">16</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.integrated.fontWeight"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"normal"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.integrated.fontFamily"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"Fira Code, Operator Mono"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"workbench.colorTheme"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"Community Material Theme Darker High Contrast"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"workbench.iconTheme"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"vscode-icons"</span><span class="pun">,</span><span class="pln">
</span><span class="com">// terminal customization</span><span class="pln">
</span><span class="str">"workbench.colorCustomizations"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"terminal.background"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#1D2021"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.foreground"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminalCursor.background"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminalCursor.foreground"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBlack"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#1D2021"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBlue"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#0D6678"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightBlack"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#665C54"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightBlue"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#0D6678"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightCyan"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8BA59B"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightGreen"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#95C085"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightMagenta"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8F4673"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightRed"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FB543F"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightWhite"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FDF4C1"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightYellow"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FAC03B"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiCyan"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8BA59B"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiGreen"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#95C085"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiMagenta"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8F4673"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiRed"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FB543F"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiWhite"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiYellow"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FAC03B"</span><span class="pln">
</span><span class="pun">}</span>
🔗 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-
123456789101112<span class="lit">1.</span><span class="pln"> </span><span class="typ">Live</span><span class="pln"> </span><span class="typ">Server</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> ritwik dey
</span><span class="lit">2.</span><span class="pln"> ES </span><span class="typ">Lint</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Dirk</span><span class="pln"> </span><span class="typ">Baeumer</span><span class="pln">
</span><span class="lit">3.</span><span class="pln"> </span><span class="typ">Prettier</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Code</span><span class="pln"> formatter </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Esben</span><span class="pln"> </span><span class="typ">Petersen</span><span class="pln">
</span><span class="lit">4.</span><span class="pln"> vscode</span><span class="pun">-</span><span class="pln">icons </span><span class="pun">-</span><span class="pln"> </span><span class="typ">VSCode</span><span class="pln"> </span><span class="typ">Icons</span><span class="pln"> </span><span class="typ">Team</span><span class="pln">
</span><span class="lit">5.</span><span class="pln"> </span><span class="typ">Path</span><span class="pln"> </span><span class="typ">Autocomplete</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Mihai</span><span class="pln"> </span><span class="typ">Vilcu</span><span class="pln">
</span><span class="lit">6.</span><span class="pln"> </span><span class="typ">Turbo</span><span class="pln"> </span><span class="typ">Console</span><span class="pln"> </span><span class="typ">Log</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">ChakrounAnas</span><span class="pln">
</span><span class="lit">7.</span><span class="pln"> ES7 </span><span class="typ">React</span><span class="pun">/</span><span class="typ">Redux</span><span class="pun">/</span><span class="typ">GraphQL</span><span class="pun">/</span><span class="typ">React</span><span class="pun">-</span><span class="typ">Native</span><span class="pln"> snippets </span><span class="pun">-</span><span class="pln"> dsznajder
</span><span class="lit">8.</span><span class="pln"> </span><span class="typ">Dracula</span><span class="pln"> </span><span class="typ">Official</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Dracula</span><span class="pln"> </span><span class="typ">Theme</span><span class="pln">
</span><span class="lit">9.</span><span class="pln"> </span><span class="typ">Auto</span><span class="pln"> </span><span class="typ">Rename</span><span class="pln"> </span><span class="typ">Tag</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Jun</span><span class="pln"> </span><span class="typ">Han</span><span class="pln">
</span><span class="lit">10.</span><span class="pln"> </span><span class="typ">Andromeda</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Eliver</span><span class="pln"> </span><span class="typ">Lara</span><span class="pln">
</span><span class="lit">11.</span><span class="pln"> </span><span class="typ">Emoji</span><span class="pln"> </span><span class="typ">Snippets</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Devzstudio</span><span class="pln">
</span><span class="lit">12.</span><span class="pln"> </span><span class="typ">Community</span><span class="pln"> </span><span class="typ">Material</span><span class="pln"> </span><span class="typ">Theme</span><span class="pln"> </span><span class="pun">-</span><span class="pln"> </span><span class="typ">Mattia</span><span class="pln"> </span><span class="typ">Astorino</span> Full Settings.json File
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667<span class="pun">{</span><span class="pln">
</span><span class="com">// editor</span><span class="pln">
</span><span class="str">"editor.fontSize"</span><span class="pun">:</span><span class="pln"> </span><span class="lit">20</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.fontFamily"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"Fira Code, Operator Mono"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.fontLigatures"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.wordWrap"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"on"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.minimap.enabled"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.tokenColorCustomizations"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"textMateRules"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">[</span><span class="pln">
</span><span class="pun">{</span><span class="pln">
</span><span class="str">"scope"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"comment"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"settings"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"fontStyle"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"italic"</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">]</span><span class="pln">
</span><span class="pun">},</span><span class="pln">
</span><span class="com">// cursor</span><span class="pln">
</span><span class="str">"editor.cursorSmoothCaretAnimation"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.cursorBlinking"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"expand"</span><span class="pun">,</span><span class="pln">
</span><span class="com">// config related to code formatting</span><span class="pln">
</span><span class="str">"editor.defaultFormatter"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"esbenp.prettier-vscode"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.formatOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"[javascript]"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"editor.formatOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.defaultFormatter"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">null</span><span class="pln">
</span><span class="pun">},</span><span class="pln">
</span><span class="str">"[javascriptreact]"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"editor.formatOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
</span><span class="str">"editor.defaultFormatter"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">null</span><span class="pln">
</span><span class="pun">},</span><span class="pln">
</span><span class="str">"editor.codeActionsOnSave"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"source.fixAll.eslint"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"source.fixAll.tslint"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">"source.organizeImports"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pln">
</span><span class="pun">},</span><span class="pln">
</span><span class="str">"eslint.alwaysShowStatus"</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="com">//terminal</span><span class="pln">
</span><span class="str">"terminal.integrated.fontSize"</span><span class="pun">:</span><span class="pln"> </span><span class="lit">16</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.integrated.fontWeight"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"normal"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.integrated.fontFamily"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"Fira Code, Operator Mono"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"workbench.colorTheme"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"Community Material Theme Darker High Contrast"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"workbench.iconTheme"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"vscode-icons"</span><span class="pun">,</span><span class="pln">
</span><span class="com">// terminal customization</span><span class="pln">
</span><span class="str">"workbench.colorCustomizations"</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="str">"terminal.background"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#1D2021"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.foreground"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminalCursor.background"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminalCursor.foreground"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBlack"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#1D2021"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBlue"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#0D6678"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightBlack"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#665C54"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightBlue"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#0D6678"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightCyan"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8BA59B"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightGreen"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#95C085"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightMagenta"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8F4673"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightRed"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FB543F"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightWhite"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FDF4C1"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiBrightYellow"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FAC03B"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiCyan"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8BA59B"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiGreen"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#95C085"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiMagenta"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#8F4673"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiRed"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FB543F"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiWhite"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#A89984"</span><span class="pun">,</span><span class="pln">
</span><span class="str">"terminal.ansiYellow"</span><span class="pun">:</span><span class="pln"> </span><span class="str">"#FAC03B"</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">}</span>
spacebar tester
ReplyDeletespacebar counter
spacebar click count
spacebar clicker