How to Install and Compile Typescript with Visual Studio Code | Vscode | IAmUmair

Поделиться
HTML-код
  • Опубликовано: 24 янв 2022
  • Hi, in this video we are going to install and compile Typescript using Visual Studio Code ( VSCode ).
    Typescript is a strongly typed language build on top of JavaScript, provides better tooling. It is developed and maintained by Microsoft.
    Official Website of TypeScript:
    www.typescriptlang.org/
    Node Js and Npm Installation:
    nodejs.org/en/

Комментарии • 70

  • @IAmUmair
    @IAmUmair  Год назад +2

    Hi did it help? Don't forget to subscribe. 🙂

  • @jeffersonfranca6696
    @jeffersonfranca6696 2 года назад +4

    Thank you very much, I'm Brazilian and your video helped me to configure TypeScript in VSCode.

    • @IAmUmair
      @IAmUmair  2 года назад +3

      Welcome brother, happy that it helped you.

  • @CsImorte
    @CsImorte Год назад +2

    Thank you! I'm also Brazilian and your video was very helpfull! Sucess!

  • @sakinabhimani9868
    @sakinabhimani9868 Год назад

    thank u so so so much for this video ,it's helped
    me a lot

  • @amazbasir
    @amazbasir Год назад +1

    GOOD work Umair. God Bless You

    • @IAmUmair
      @IAmUmair  Год назад

      Thank you brother
      God Bless you too

  • @narnowlar.
    @narnowlar. 11 месяцев назад

    Thanks for this tutorial!

    • @IAmUmair
      @IAmUmair  11 месяцев назад

      Glad it was helpful!

  • @jagdishjena9058
    @jagdishjena9058 11 месяцев назад

    Thank you so much sir for this brief Explanation.

    • @IAmUmair
      @IAmUmair  11 месяцев назад

      You are most welcome

  • @bismaashraf4403
    @bismaashraf4403 Год назад +1

    Very informative👏

  • @thewonder474
    @thewonder474 10 месяцев назад

    Thank you so much.its really work

    • @IAmUmair
      @IAmUmair  10 месяцев назад

      Most welcome

  • @Moradelfetni232
    @Moradelfetni232 Год назад

    Thanks a lot broo

  • @skstars7259
    @skstars7259 Год назад

    Thankyou so much sir ,this video very helpful.

  • @vishnupillai8259
    @vishnupillai8259 2 года назад

    Thankyou brother!

  • @ayshaalimalik
    @ayshaalimalik Год назад

    Good work 👏

  • @LongDistance22
    @LongDistance22 Год назад +4

    Thanks for the help. Best video tutorial of setting up typescript. I can help others if they had the same problems I did as well. I got this error after typing the command tsc app.ts in the terminal.
    tsc : File C:\Program Files
    odejs\tsc.ps1 cannot be loaded because running scripts is disabled on this system.
    You have to type in the command line: Get-ExecutionPolicy
    It will then say "Restricted"
    Then type: Set-ExecutionPolicy -ExecutionPolicy Bypass -Scope CurrentUser
    Type in the terminal again: Get-ExecutionPolicy
    Then it will say "Bypass".
    You can use typescript after getting that error again

  • @shashidharrai8110
    @shashidharrai8110 2 года назад

    Good Work Bro!

  • @kushalnandi5847
    @kushalnandi5847 8 дней назад

    Thanks broo

  • @alekhya2517
    @alekhya2517 2 года назад

    thank you so much🥺🥺🥺

  • @phanuwatthawatrungrote
    @phanuwatthawatrungrote 2 года назад

    Thank you

  • @careuanimation
    @careuanimation Год назад +1

    thanks

  • @jagdishjena9058
    @jagdishjena9058 11 месяцев назад

    what is the use of Eslint?

    • @IAmUmair
      @IAmUmair  11 месяцев назад

      ESLint is a valuable tool for JavaScript developers that aids in maintaining code quality, preventing errors, and enforcing coding standards, ultimately leading to more robust and maintainable codebases.

  • @favourz1
    @favourz1 Год назад

    Pleas i'm stucked here and i have a good network connection. What should I do?
    npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
    [#########.........] - reify:typescript: sill audit bulk request { typescript: [ '4.8.3' ] }

    • @IAmUmair
      @IAmUmair  Год назад +1

      i think it's just a warning, it should not be a worry for us

    • @favourz1
      @favourz1 Год назад

      @@IAmUmair Yh but it's stucked there, it never loads pass this stage and I just get tired of waiting. How can I work my way around?

    • @IAmUmair
      @IAmUmair  Год назад

      @@favourz1 which command you are executing?

    • @favourz1
      @favourz1 Год назад +1

      @@IAmUmair I was trying to install typescript with npm, It has worked now. Thanks

    • @IAmUmair
      @IAmUmair  Год назад +1

      @@favourz1 glad to know that you have successfully installed typescript

  • @MayaFandi-ss2qe
    @MayaFandi-ss2qe Год назад

    Dear.
    Please your kind support to this error when i compile the file app.ts
    The error discreption is(cannot be loaded because running script is disable on this system)

    • @IAmUmair
      @IAmUmair  Год назад

      please use
      tsc.cmd filename.ts in the terminal in order to run typescript files.

    • @barira7527
      @barira7527 5 месяцев назад

      I have same error plz guide me

  • @pranathiananthula6605
    @pranathiananthula6605 2 года назад +2

    I m getting tsc is not recognised even after installing type script globally

    • @IAmUmair
      @IAmUmair  2 года назад +2

      Did you restarted your command prompt after installing typescript globally? Try this one
      If this doesn't work, let me know

    • @thanismurugathas2929
      @thanismurugathas2929 Год назад

      I think it is because you didn't install it globally, i made same mistake by installing the Project one only
      npm install -g typescript is what you should enter into the command prompt, not npm install typescript --save-dev

    • @aliaboelezz690
      @aliaboelezz690 Год назад

      @@IAmUmair I have restarted my cmd but atill i am getting this message
      tsc.cmd : The term 'tsc.cmd' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and
      try again.
      At line:1 char:1
      + tsc.cmd app.ts
      + ~~~~~~~
      + CategoryInfo : ObjectNotFound: (tsc.cmd:String) [], CommandNotFoundException
      + FullyQualifiedErrorId : CommandNotFoundException

    • @navyaswarup9573
      @navyaswarup9573 11 месяцев назад

      ​@@aliaboelezz690did your query be resolved? I am also getting the same error.

    • @arbab_dev
      @arbab_dev 6 месяцев назад +1

      Reinstall node js

  • @shortsfacts55
    @shortsfacts55 Год назад

    Terminal output not seen

    • @IAmUmair
      @IAmUmair  Год назад

      May be you have code error

  • @boyamurali3659
    @boyamurali3659 2 года назад

    Open with vs code wasn't showing me.what i will do.

    • @IAmUmair
      @IAmUmair  2 года назад

      You can open from within Visual studio code.

    • @thanismurugathas2929
      @thanismurugathas2929 Год назад

      This is because you didn't click the 2 extra options when installing VSCode. They were called "Open With VScode" and are originally unticked until you click them

  • @realmarcusaurelius_
    @realmarcusaurelius_ Год назад

    how to untinstall

    • @IAmUmair
      @IAmUmair  Год назад

      Search google, you'll find the answer

  • @dota2content755
    @dota2content755 Год назад +1

    We know all of this but, the syntax still doesn't work I tried DOM manupilation
    it didn't work!

    • @IAmUmair
      @IAmUmair  Год назад

      DOM manipulation should work same as we do in Javascript.
      For reference and examples please check:
      www.typescriptlang.org/docs/handbook/dom-manipulation.html

    • @dota2content755
      @dota2content755 Год назад

      I did configure the json file for ts now its working

    • @IAmUmair
      @IAmUmair  Год назад

      @@dota2content755 did you visited the link?

    • @dota2content755
      @dota2content755 Год назад

      Yes

    • @dota2content755
      @dota2content755 Год назад

      @@IAmUmair Can you please tell us about api, how to use and design them ?

  • @markcuello5
    @markcuello5 Год назад

    HELP

    • @IAmUmair
      @IAmUmair  Год назад

      Yes what issue you are facing

  • @darshanrathod6704
    @darshanrathod6704 2 года назад

    What I'm warning is that npm WARN config global '--global', '- loacal' are deprecated.use '- location = global's insted.

    • @IAmUmair
      @IAmUmair  2 года назад

      hi this is just a warning by npm. If you wanna remove it, please follow this:
      stackoverflow.com/questions/72401421/message-npm-warn-config-global-global-local-are-deprecated-use-loc