前言

由于最近在使用vue3写项目    
    
    
    
    
，使用vue3的前提就是要学习TypeScript


     


     


     


     


  ，TypeScript算是JavaScript的升级版
 




 




 




 




 
，TypeScript包含JavaScript和自己的一些特性

介绍

TypeScript是一种由微软开发的开源    
    
    
    
  、跨平台的编程语言    
    
    
    
  。它是JavaScript的超集   

   

   

   

   

，最终会被编译为JavaScript代码     


     


     


     


     
。2012年10月 

     

     

     

     

 ，微软发布了首个公开版本的TypeScript

  




  




  




  




  ，2013年6月19日  


  


  


  


  


，在经历了一个预览版之后微软正式发布了正式版TypeScript

TypeScript的作者是安德斯·海尔斯伯格  
     
     
     
     
，C#的首席架构师




 




 




 




 




。它是开源和跨平台的编程语言
   

   

   

   

 。 TypeScript扩展了JavaScript的语法


   




   




   




   




   ，所以任何现有的JavaScript程序可以运行在TypeScript环境中     

     

     

     

     。 TypeScript是为大型应用的开发而设计 



 



 



 



 


，并且可以编译为JavaScript 




  




  




  




  




。 TypeScript 是 JavaScript 的一个超集                       ，主要提供了类型系统和对 ES6+ 的支持**



    




    




    




    




   ，它由 Microsoft 开发






















，代码开源于 GitHub 上 TypeScript 是 JavaScript 的一个超集                        ，主要提供了类型系统和对 ES6+ 的支持



     



     



     



     



   ，它由 Microsoft 开发





















，代码开源于 GitHub (opens new window)上

安装

安装TypeScript的命令很简单

npm install -g typescript

安装完成后    
    
    
    
    
，检查安装是否成功


     


     


     


     


  ，命令如下：

tsc -V

编译

当我们编写好TypeScript代码后
 




 




 




 




 
，是无法在浏览器上运行展示的   

   

   

   

   

，我们浏览器上最后呈现的都是JavaScript代码 

     

     

     

     

 ，所以我们需要将TypeScript代码编译成JavaScript代码

先创建一个01_typescript.ts文件

  




  




  




  




  ，编写如下代码：

function sayHi(str:string) { return "您好呀" + str } let text = "james" console.log(sayHi(text))

接下来进行手动编译  


  


  


  


  


，需要将01_typescript.ts文件编译成01_typescript.js文件  
     
     
     
     
，只需要在当前目录下执行如下命令：

tsc 01_typescript.ts

输出结果为一个01_typescript.js文件


   




   




   




   




   ，它包含了和输入文件中相同的 JavsScript 代码

  


  


  


  


。

接着 



 



 



 



 


，在命令行上                       ，通过node.js运行这段代码 node 01_typescript.js

控制台输出

您好呀james

下一章将介绍如何在WebStorm中进行自动编译