《尚硅谷-ts学习笔记》一部分

最新推荐文章于 2024-07-10 10:53:27 发布

我爱君君吖～

最新推荐文章于 2024-07-10 10:53:27 发布

阅读量259

点赞数 2

文章标签：学习笔记前端

本文链接：https://blog.csdn.net/qq_62649563/article/details/130664302

版权

(2)报错-Cannot find type definition file for 'node'.

(3)相关代码：

(4)vscode自动编译

一、TS

1.基本认识

提示功能强大

2.安装

输入命令行

npm install -g typescript tsc -v

如果出现下面的错误提示信息，那可能是权限不够，用管理员的权限试试

出现这样的就是对的了

然后输入下面的命令行，可以查看ts是否已经安装成功

3.我的第一个ts代码

(1)注意事项

(2)报错-Cannot find type definition file for 'node'.

解决方法：在vscode中输入下面的命令。（不要问我原因啊，我不知道）

出现这样的页面既成功。输入tsc，后面的那个路径用Tab键调就可以了

(3)相关代码：

01demo.js
(function () {
    function sayhi(str) {
        return '你好呀' + str;
    }
    var text = 'K';
    alert("滚");
})();

01demo.ts
(()=>{
    function sayhi(str:string){
        return '你好呀'+str
    }
    let text='K'
    alert("滚")
})()

01demo2.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./01demo.js"></script>
</body>
</html>

(4)vscode自动编译

1). 生成配置文件tsconfig.json tsc --init 2). 修改tsconfig.json配置 "outDir": "./js", "strict": false, 3). 启动监视任务: 终端 -> 运行任务 -> 监视tsconfig.json

1). 生成配置文件tsconfig.json 然后咱们就会自动生成这个了

2). 修改tsconfig.json配置.找不到的话，直接用ctr+f搜即可

"outDir": "./js", "strict": false,

我爱君君吖～

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
《尚硅谷-ts学习笔记》一部分

1). 生成配置文件tsconfig.json tsc --init 2). 修改tsconfig.json配置 "outDir": "./js", "strict": false, 3). 启动监视任务: 终端 -> 运行任务 -> 监视tsconfig.json。解决方法：在vscode中输入下面的命令。输入tsc，后面的那个路径用Tab键调就可以了。如果出现下面的错误提示信息，那可能是权限不够，用管理员的权限试试。然后输入下面的命令行，可以查看ts是否已经安装成功。出现这样的就是对的了。
复制链接

扫一扫