Тёмный
No video :(

Top VS Code Extensions (2020) for Angular/Front end Developers [VS Code Extension you don't know ! ] 

Code Decode
Подписаться 134 тыс.
Просмотров 6 тыс.
50% 1

vscode extension for Angular Developers and for front end as well as backend developers
Timelines of All Extension in this video
Udemy Course of Code Decode on Microservice k8s AWS CICD link:
openinapp.co/u...
Course Description Video :
yt.openinapp.c...
Eclipse Keymap : 0:34
TSLint : 1:52
Bracket pair colorizer : 3:00
Auto Import : 4:25
Angular Snippet : 5:28
Angular2 Switcher : 7:37
Prettier : 9:02
Rest Client : 11:17
Json to Ts : 15:03
Auto Rename Tag : 18:04
---------------------------------------------------------------------------------------------------------------------------
This video contains top vs code extensions which will change the way we code in vscode or visual studio code.
vs code extension
vs code extensions
top vscode extension
Eclipse Keymap
this is an extension for developers like me who have coded in backed in eclipse IDE and they want to reuse those extension while doing front end development to in VSCode. This extension is a boon to them as all shortcuts like c s r will work here. for al the list u can see contribution section.
Tslint :
An extension that i have covered in previous section where i have helped you in fixing code quality. it will help you in increasing your code readability, maintainability and rectify functionality errors.
Bracket pair colorizer:
This extension will help you in finding out as in where your bracket starts and ends so that you will not get confused in nested codes. there is color combination as in yellow pink blue and it repeats which is completely configurable.
Auto import:
This extension gives u suggestions as soon as you start typing and clicking on any suggestion will auto import your component/service what so ever it is.
Angular Snippets :
This extension will completely change the way the code. as i always say coding is all about logic and not about syntaxes at all. so its time when we should focus on logic and give the task of remembering the syntaxes to this extension and i will show u how.
Angular2 Switcher :
This extension will help u navigate between css, ts and html files of a particular component. As in if we do two binding, property bindings we may need to create variables, use them in template and hence so many times we need to back and forth this extension is particularly for that.
Alt + u - html
Alt + I - css
Alt +p - spec
Prettier
How so ever good ur code logic is good, if ur code is very untidy ur higher authorities will never approve ur code. And after doing a helll lot of coding making your code look good is tedious task isn't it. Can you image a scenario where u just code and save ur file and magic happens, all ur code is automatically structured correctly or else beautified. This is the power of this extension.
Rest client:
as a front end or full stack developer we have to frequently hit some backend api to get or send some data through the http request. Rather than going to third party tools like postman we can actually do all those stuff here itself in vscode.
Json to TS:
while doing FE coding or working as a full stack developer , u will frequently come across scenarios where u have some API at backend and it return json objects and u need to cast them in response to so models or POJOs on front end then this extension is a boon to all of us. It will parse whole json and create pojos out of it.
-------------------------------------------------------------------------------------------------------------------------------------
Code Decode Playlists
Most Asked Core Java Interview Questions and Answers : • Core Java frequently a...
Advance Java Interview Questions and Answers : • Advance Java Interview...
Java 8 Interview Questions and Answers : • Java 8 Interview Quest...
Hibernate Interview Questions and Answers : • Hibernate Interview Qu...
Spring Boot Interview Questions and Answers : • Advance Java Interview...
Angular Playlist : • Angular Course Introdu...
GIT : • GIT
-------------------------------------------------------------------------------------------------------------------------------------
Subscriber and Follow Code Decode
Subscriber Code Decode : www.youtube.co...
Linkedin : / codedecodeyoutube
Instagram : / codedecode25
--------------------------------------------------------------------------------------------------------------------------------------
#vscodextensions #topvscodeextensions #codedecode

Опубликовано:

 

27 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 25   
@sreeragm9215
@sreeragm9215 3 года назад
Just an very good informative and useful video Thank you
@CodeDecode
@CodeDecode 3 года назад
Thanks Sreerag 👍👍🙏🙏
@gopalarajanaika
@gopalarajanaika 4 года назад
Thanks for one more best video
@CodeDecode
@CodeDecode 4 года назад
I hope that helps. Let me know if you want me to conver any such topic.
@gopalarajanaika
@gopalarajanaika 4 года назад
I Like the way you explain in detail, one of my best video of you is angular architecture (JIT & AOT compiler) explaination. Thanks lot.. no much videos about this topic. Please make some videos about below topics with real time use cases of all of them. 1. All useful rxjs operators. 2. Router guards 3. Http Interceptors.. Thanks Gopal
@CodeDecode
@CodeDecode 4 года назад
Nice topics. I will create videos on them soon.
@skumar-vl7iq
@skumar-vl7iq 4 года назад
Very useful video nice 👍
@CodeDecode
@CodeDecode 4 года назад
Thanks :)
@harshitdehariya623
@harshitdehariya623 3 года назад
Mam could you please tell me how to use … this extension for passing parameter in angular i have not suggest this … extensions in my vscode
@jitendratrivedia6310
@jitendratrivedia6310 4 года назад
Very useful
@CodeDecode
@CodeDecode 4 года назад
Thanks :)
@zarghamkhan7948
@zarghamkhan7948 4 года назад
this video is nothing but quite helpful
@CodeDecode
@CodeDecode 4 года назад
Thanks :)
@skumar-vl7iq
@skumar-vl7iq 4 года назад
Angular side how I will handle cross problem because my one project is on spring 3.0 😢 so I am not able to do cross origin in spring 3.0
@CodeDecode
@CodeDecode 4 года назад
What is the specific error that you are encountering?
@skumar-vl7iq
@skumar-vl7iq 4 года назад
@@CodeDecode from origin http: localhost:4200 has been blocked by cors policy : response to preflight request don't pass access control check :No access allow origin
@CodeDecode
@CodeDecode 4 года назад
Check your cors filter and allow localhost 4200.
@skumar-vl7iq
@skumar-vl7iq 4 года назад
@@CodeDecode how I will do??in angular side
@CodeDecode
@CodeDecode 4 года назад
On backend side you can do this
Далее
Smoke 😱
00:26
Просмотров 1 млн
Кого из блогеров узнали?
00:10
Просмотров 291 тыс.
PostgreSQL Tutorial for Beginners
2:53:27
Просмотров 234 тыс.
Angular Crash Course
2:01:32
Просмотров 1,4 млн
VSCode Extensions for Angular Developers
7:50
Просмотров 55 тыс.
Smoke 😱
00:26
Просмотров 1 млн