TypeScript快速入门

荒先生

已于 2022-06-05 23:05:05 修改

阅读量406

点赞数

分类专栏：杂记文章标签： typescript vue.js javascript

于 2022-05-04 13:14:48 首次发布

本文链接：https://blog.csdn.net/qq_16284479/article/details/124567020

版权

杂记专栏收录该内容

49 篇文章 5 订阅

订阅专栏

出现的目的：用于解决js的缺点，并不是替换js。

安装typescript解析器：

npm install -g typescript

编写helloworld.ts文件：

(()=>{
    function sayHello(str){
        return str
    }
    let name = 'ghy'
    console.log(sayHello(name))
})()

在index.html文件中引入：

<!DOCTYPE html>
<!-- lang属性：告诉浏览器当前页面的语言类型，这些对于搜索引擎、网页翻译有指导意义。-->
<html lang="en">
<head>
  <!-- charset="UTF-8"是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好"翻译"工作。-->
  <meta charset="UTF-8">
  <!-- X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 这告诉移动设备，将视区视为具有设备的物理宽度相同的宽度。-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>index</title>
</head>
<body>
  <!-- 浏览器渲染完html页面后，执行helloworld.ts中的ts代码 -->
  <script src="./helloworld.ts"></script>
</body>
</html>

类型：