میانبرها و پسوندهای VSCode برای توسعه دهنده وب

سرفصل ها و درس ها

میانبرهای VSCode، Views و Emmets VSCode shortcuts, Views and Emmets

• مقدمه Introduction

• اصول اولیه کد ویژوال استودیو Visual studio code basics

• Breadcrumb، Minimap، حالت zen Breadcrumb, minimap, zen mode

• ناوبری، جستجو، جایگزینی Navigation, Search, Replace

• Emmets برای HTML و CSS Emmets for HTML and CSS

عمومی، HTML، CSS، JS، پسوندهای مبتنی بر موضوع General, HTML, CSS, JS, theme-based extensions

• سرور زنده Live Server

• پیش نمایش زنده Live Preview

• vscode-pets vscode-pets

• فرمت کننده کد زیباتر Prettier code formatter

• برچسب تغییر نام خودکار Auto rename tag

• برچسب های تگ پایان HTML HTML End tag labels

• تورفتگی رنگین کمان Indent Rainbow

• CodeSnap (گرفتن اسکرین شات زیبا) CodeSnap (take beautiful scrrenshot)

• پیش نمایش تصویر Image preview

• تم GitHub GitHub theme

• تم نماد مواد Material Icon theme

• نظرات بهتر Better comments

• Excalidraw Excalidraw

• اشتراک زنده Liveshare

برنامه های افزودنی عمدتاً برای HTML و CSS Extensions Mainly for HTML & CSS

• برجسته رنگ Color Highlight

• سطل دسترسی تبر axe accessibility linter

• تکمیل خودکار HTML به CSS HTML to CSS autocompletion

• کمک کننده BEM BEM helper

• cheatsheet CSS Flexbox CSS Flexbox cheatsheet

• ناوبری CSS CSS Navigation

برنامه های افزودنی برای توسعه دهندگان جاوا اسکریپت Extensions for Javascript developers

• کدهای جاوا اسکریپت (ES6). Javascript (ES6) code snippets

• قطعه کد DOM DOM code snippets

• لنز خطا Error Lens

• اسلینت Eslint

• npm IntelliSense npm IntelliSense

• هزینه واردات Import cost

برنامه های افزودنی برای تست API Extensions for API Testing

• مشتری REST REST Client

• مشتری تندر Thunder Client

برنامه های افزودنی برای Typescript و Markdown Extensions for Typescript and Markdown

• JSON به TS JSON to TS

• خطاهای زیبای TypeScript Pretty TypeScript Errors

• پیش نمایش Markdown افزایش یافته است Markdown preview enhanced

• markdownlint markdownlint

برنامه های افزودنی برای تم Extensions for Themes

• آیکون های روان Fluent icons

• آندرومدا Andromeda

• سایبرپانک Cyberpunk

• تم هکر حرفه ای pro hacker theme

برنامه های افزودنی برای React.js، Data Modeling و Git Extensions for React.js, Data Modelling and Git

• قطعه‌های ES7 React/Redux/GraphQL/React-Native ES7 React/Redux/GraphQL/React-Native snippets

• ویرایشگر ERD ERD Editor

• املای کد Code Spell Checker

• DotEnv DotEnv

• نمودار Git Git graph

• از شما برای تماشای ویدیوهای من متشکرم Thank You for watching my videos