"21 days proficient in typescript-3" - install and build a typescript development environment md

Hello everyone , I am Pinellia ternata , A sand carving programmer who just started writing . If you like my article , Can pay attention to give the thumbs-up

Add me WeChat ：frontendpicker, Learn to communicate together , Become a better Engineer ～ Official account ： Pinellia ternata ,

Column address

In order to make the world not difficult to learn TypeScript, The author is reading the official documents ,MDN On the basis of , With Meeting and use For the fundamental goal , Take you to learn TypeScript Basic knowledge of ！ This column , No article cap , Always more , Until everyone learns .

https://blog.csdn.net/shangyanaf/category_11822476.html

install TypeScript

As a front-end Developer , We can use the following command overall situation Fast installation TypeScript.

npm install typescript -g

Open the command line window , for example windows Under the cmd.

tsc

TypeScript Command line tools are provided tsc.

TypeScript Files cannot be run directly in the browser , We need to convert it into JavaScript file .

tsc The role of will be TypeScrpt file **(.ts)** Translate it into JavaScript file （.js）.

Verify that the installation was successful / View version number ：

tsc -V

Editor

In addition to command line tools ,TypeScript The editor and IDE The function of , Including code completion 、 Interface tips 、 Jump to definition 、 Reconstruction, etc .

Mainstream editors support TypeScript, Here I recommend Visual Studio Code（VsCode）.VsCode Built in right TypeScript Grammar check .

If you use it often VSCode, You may occasionally put your mouse over variables , here VSCode A prompt box will be given above the variable .

The effect is shown in the red box below , Tips let userName：string,userName yes string Type of . This is actually TS Type inference of .

Get another editor or IDE Yes TypeScript Support for ：

• Sublime Text
• WebStorm
• Vim
• Emacs
• Eclipse
• Atom
• [Visual Studio 2019](https://marketplace.visualstudio.com/search?term=TypeScriptTeam&target=VS&category=All categories&vsVersion=vs2019&sortBy=UpdatedDate)
• [Visual Studio 2017](https://marketplace.visualstudio.com/search?term=TypeScriptTeam&target=VS&category=All categories&vsVersion=vs15&sortBy=UpdatedDate)

typeScript Online tools

If you are practicing TypeScript grammar , You can use it directly TypeScript Online tools provided .

https://www.typescriptlang.org/zh/play