Visual Studio Code Full Course - VS Code for Beginners

Показать описание

Master Visual Studio Code (VS Code) and increase your programming productivity. You will learn the basics of VS Code along with tips and tricks to become a super user. You will also learn how to install and use common extensions for JavaScript, Python, and PHP.

⭐️ Famous Themes ⭐️
🔸 Tokyo Night
🔸 Github Theme
🔸 Material Theme
🔸 Darcula, Dracula
🔸 Shades of Purple

⭐️ Extensions Reviewed ⭐️
✅ Python
✅ ES6 for javascript
✅ React extensions
✅ BetterPHPUnit
✅ php intelliphense
✅ Confirm quit
✅ chrome debuggerphp-cs-fixer
✅ bracket pair colorizer
✅ cdnjs
✅ vuln
✅ eslint
✅ npm intellisense
✅ colonizer
✅ EmojiSense
✅ Placode

⭐️ Course Contents ⭐️
⌨️ (00:00:00) Course Intro
⌨️ (00:02:37) Install and Setup
⌨️ (00:09:58) Material Theme
⌨️ (00:19:45) Some Awesome Themes
⌨️ (00:24:16) Minimal Screen (Hide sidebar & Activity Bar)
⌨️ (00:38:03) Line Height & Cursor
⌨️ (00:42:47) Master Explorer
⌨️ (00:51:03) Power of Breadcrumbs
⌨️ (01:00:26) Code Snippets
⌨️ (01:10:02) Tab Mastery
⌨️ (01:17:51) Select code with Keyboard
⌨️ (01:31:00) Goto Line and code folding with keyboard
⌨️ (01:38:35) Multicursor with Keyboard
⌨️ (01:44:38) Format on Save, Whitespace and Wrap code
⌨️ (01:49:21) Terminal Mastery
⌨️ (02:01:03) Firacode Font and Ligature
⌨️ (02:06:39) Split Editors
⌨️ (02:08:24) Refactoring with vscode
⌨️ (02:13:08) HTML & emmets
⌨️ (02:22:51) css and bootstrap
⌨️ (02:28:11) Git support on vscode
⌨️ (02:34:57) Emoji Sense
⌨️ (02:36:55) Share code on twitter
⌨️ (02:38:57) Markdown Mastery
⌨️ (02:47:37) Intellisense for JavaScript
⌨️ (02:53:19) Add any cdn from cdnjs
⌨️ (02:55:34) Bracket Pair Colorizer
⌨️ (02:57:16) Javascript with eslint, prettier, Intellisense & chrome debugger
⌨️ (03:23:45) Python Jupytor notebook, eslint, prettier, debugger & intellisense
⌨️ (03:40:48) PHP, Laravel, PHP-cs-fixer
⌨️ (04:01:51) vscode confirm quit
⌨️ (04:03:21) vscode setting sync native
⌨️ (04:10:36) vscode setting sync extension
⌨️ (04:16:58) Gradient Cursor & vscode css

⭐️ Special thanks to our Champion supporters! ⭐️
🏆 Loc Do
🏆 Joseph C

🏆 DeezMaster

--

freeCodeCamp.org

Рекомендации по теме

Комментарии

Awesome course. The best thing I can say about the instructor is he always goes deep in every lesson. I never saw any teacher like him. Wish you good luck Sarthak sir.

JisanAcademy

This might be my first longer than 30 min YouTube video which didn't bore me! I absolutely enjoyed tweaking my VS Code te way I would prefer. This video deserves way many likes than what it's got!

riddhinarkar

The teacher will never make you boring. I am enjoying the class very much.

JisanAcademy

This was great! Thanks for uploading it. I just have to say, please let me know once you've updated this video. I've watched about 5 minutes in, and so far, none of what you've suggested on here is available currently on this new version of vs code. For example, we no longer get the option to remove the front screen from workbench I'm settings the way this video instructs. When I type "welcome page" I get to one window that says:
Workbench > welcome page > walkthroughs > open on install
Under that, I get to check or uncheck the following:
When enabled, an extension's waiting will open upon install of the extension.

alicetheegreet

Salut FFC et peuple du monde 😊
MERCI pour cette vidéo sur VSCode et pour tout le reste.
Courage à tous en ces temps incertains.
Peace à tous et aux autres 😉

davideugene

You're very good explaining things. Yo go into every detail yet it doesn't feel tedious. Thank you very much for all this work. I love your minimalistic approach. Everything feels clean yet productive this way.

ripnephils

His laravel course is great!!!!
A good teacher indeed..

kunalpandey

This channel is helping millions of people.. 😍

yathirajraghavendra

Thanks FCC for this course always updated for us. Thank You FCC!

eugene

Emoji sense is not necessary since you can get an emoji keyboard on Windows by pressing "Windows key + period" and Mac with "Ctrl + Cmd + Space"

DevProTips

"~" this is tilde and
"`" this is ascent
Both are in same button on keyboard.
tilde
ascent

Policy_Maker

This channel is a sacred temple for software developers.

vinodazure

One thing I have learned that keybindings are the most important.

its_kumar

You're missing quite a few extensions:

1. Auto Rename Tag. I'm aware that VScode recently added native support for this (renameOnType), but it's currently bugged, so i advise sticking with the extension for now.

2. Better Comments. Adds syntax highlighting to comments prefixed a certain way.

3. Path Intellisense. Self-explanatory.

4. Version Lens. Helpful in npm / composer, displays latest semver number of package next to dependency reference.

5. vscode-faker. If you need to stub out some data for testing or something, quite handy.

Also it's worth properly digging into your editor settings and properly configuring wordwrap and rulers. For example i use the following to help me craft the perfect commit messages and README files for github:

"[markdown]": {
"editor.wordWrapColumn": 100,
"editor.wordWrap": "bounded",
},
"[git-commit]": {
"editor.rulers": [50, 72],
"editor.wordWrapColumn": 72,
"editor.wordWrap": "bounded",
},

marble_wraith