三个小时vue3.x从零到实战（typescript的搭建、使用及资料）

秒速五厘米 2023-01-23 07:58 25阅读 0赞

1.  [三个小时vue3.x从零到实战（前）（vue3.x基础）][vue3.x_vue3.x]
2.  [三个小时vue3.x从零到实战（中）（vue3.x高级语法）][vue3.x_vue3.x 1]
3.  [三个小时vue3.x从零到实战（后）（vue3.x配套工具及项目化构建）][vue3.x_vue3.x 2]
4.  [三个小时vue3.x从零到实战（typescript的搭建、使用及资料）][vue3.x_typescript]
5.  [三个小时vue3.x从零到实战（vue3.x经典案例46个）][vue3.x_vue3.x_46]
6.  [三个小时vue3.x从零到实战（vue3.x面试总结）][vue3.x_vue3.x 3]

#### 1. 介绍 ####

TypeScript 是一种由微软开发的开源、跨平台的编程语言。  
它是 JavaScript 的超集，为大型应用的开发而设计,最终会被编译为 JavaScript 代码。

#### 2. 安装 ####

npm install -g typescript

安装完成后，在控制台运行命令`tsc -V`可查看是否安装成功。

#### 3. 第一个程序 ####

function greeter(person) { 
      return 'Hello, ' + person
    }
    
    let user = 'Zhangsan'
    
    console.log(greeter(user))

运行 TypeScript 编译器：`tsc helloworld.ts`生成js文件；

然后运行：`node helloworld.js`，在控制台可输出内容。

详细可参考教程:

1.  菜鸟教程：[https://www.runoob.com/typescript/ts-tutorial.html][https_www.runoob.com_typescript_ts-tutorial.html]
2.  尚硅谷vue3.x学习文档：[http://huaxhe.gitee.io/vue3\_study\_docs/][http_huaxhe.gitee.io_vue3_study_docs]

[vue3.x_vue3.x]: https://cuiyonghua.blog.csdn.net/article/details/118708626
[vue3.x_vue3.x 1]: https://cuiyonghua.blog.csdn.net/article/details/118708760
[vue3.x_vue3.x 2]: https://cuiyonghua.blog.csdn.net/article/details/118708813
[vue3.x_typescript]: https://cuiyonghua.blog.csdn.net/article/details/118708879
[vue3.x_vue3.x_46]: https://cuiyonghua.blog.csdn.net/article/details/118708914
[vue3.x_vue3.x 3]: https://cuiyonghua.blog.csdn.net/article/details/118708941
[https_www.runoob.com_typescript_ts-tutorial.html]: https://www.runoob.com/typescript/ts-tutorial.html
[http_huaxhe.gitee.io_vue3_study_docs]: http://huaxhe.gitee.io/vue3_study_docs/