前端vue ts
TypeScript
安装ts
第一个ts代码
vscode自动编译
类型注解
接口interface
类class
基本数据类型
数组 元组
enum 枚举
any
void
函数
vue3 快速上手
Composition API
练习
cloudflare crud
vue-router
Axios
project
Vue3+Element-Plus 实现点击左侧菜单时显示不同内容组件展示在Main区域功能
h5 css
文档声明和字符编码
div和span
列表
图片标签
表格
表单标签
本文档使用 MrDoc 发布
-
+
首页
第一个ts代码
创建 ts 文件 first.ts ``` (()=>{ function print(name:string){ console.log(name) } // ts 中 使用let 修饰变量 编译的js 文件就变成var了 let name = '你好 哈哈哈' print(name) })() ``` 把 frist.ts 编译成 js ``` tsc ./frist.ts //会得到一个js文件 ``` 创建 index.html 并倒入 frist.ts 倒入前需要把ts 编译成 js代码 ``` <!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> <!-- 引入 js 代码 tsc 编译ts文件 获得js文件 --> <script src="./frist.js"></script> </body> </html> ``` 我们使用了 .ts 扩展名，但是这段代码仅仅是 JavaScript 而已。 在命令行上，运行 TypeScript 编译器： ``` tsc helloworld.ts 输出结果为一个 helloworld.js 文件，它包含了和输入文件中相同的 JavsScript 代码。 ``` 在命令行上，通过 Node.js 运行这段代码： ``` node helloworld.js ``` 控制台输出： Hello, Yee
admin
2023年3月17日 23:37
转发文档
收藏文档
上一篇
下一篇
手机扫码
复制链接
手机扫一扫转发分享
复制链接
Markdown文件
分享
链接
类型
密码
更新密码