Recreating Visual Studio Code's UI with Tailwind CSS [Suboptimal Clone #5]

== [ Description ] == Suboptimal clones is a YouTube series where I recreate popular websites with Tailwind CSS. In this video, I go over how to clone the VS Code UI.

Note: I code this UI within Vue.js, but no prior knowledge of the framework is required to follow along. I'd also suggest watching it at 1.25 or 1.5x speed.

== [ Socials ] == Twitter ▶ https://twitter.com/SuboptimalEng Github ▶ https://github.com/SuboptimalEng Blog ▶ https://suboptimaleng.github.io Subscribe ▶ https://youtube.com/SuboptimalEng?sub_confirmation=1

== [ Links ] == OG Twitter Clone: http://www.youtu.be/CxdwPVUJoEo Twitter Colors: https://usbrandcolors.com/twitter-colors/ Tailwind CSS: https://tailwindcss.com/ Vue + Tailwind CSS Setup Guide: http://youtu.be/lazG_4uUXMY Vue + Font Awesome Setup Guide: http://youtu.be/MoDIpTuRWfM Vue + Airbnb ESLint Setup Guide: http://www.youtu.be/gigc5XIb-BA

== [ Timestamps ] == 00:00 Visual Studio Code UI Clone Demo 00:51 Intro 01:39 Overview 02:21 VS Code Sidebar 04:38 VS Code Activity Bar 05:45 VS Code Extensions 08:24 VS Code Editor View 09:58 Fin

== [ Tags ] == #suboptimal #tailwindcss #vscode