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

简介: 该文章介绍了如何在Vue 3项目中集成TypeScript,包括TypeScript的安装、基本使用,以及如何通过TypeScript增强Vue应用程序的类型安全性。
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
  2. 尚硅谷vue3.x学习文档:http://huaxhe.gitee.io/vue3_study_docs/
相关文章
|
4月前
|
JavaScript IDE 前端开发
【HarmonyOS 4.0 应用开发实战】TypeScript 快速入门之环境配置
【HarmonyOS 4.0 应用开发实战】TypeScript 快速入门之环境配置
180 0
|
29天前
|
资源调度 JavaScript 前端开发
TypeScript实战教程(一):表单上传与后端处理
本文是TypeScript实战教程的第一部分,介绍了使用TypeScript进行表单上传和后端处理的完整流程,包括环境配置、前端表单创建、使用TypeScript和Express框架搭建服务端、处理表单数据,并提供了详细的代码示例和运行测试方法。
TypeScript实战教程(一):表单上传与后端处理
|
28天前
|
JavaScript 前端开发 安全
立等可取的 Vue + Typescript 函数式组件实战
立等可取的 Vue + Typescript 函数式组件实战
|
4月前
|
JavaScript
Nuxt3 实战 (四):安装 Nuxt UI 和配置 Typescript 类型检查
这篇文章介绍了在项目中安装和配置Nuxt UI以及TypeScript的步骤。作者在前言中提到考虑了AntDesignVue和Element-Plus,但最终选择了NuxtUI,因为它更适合年轻化的项目,并且与Nuxt兼容。安装Nuxt UI需要执行一系列命令,同时会自动安装一些相关模块。然后,可以在Nuxt应用中使用Nuxt UI的所有组件和可组合函数。此外,还介绍了如何添加图标库和配置TypeScript。
110 0
Nuxt3 实战 (四):安装 Nuxt UI 和配置 Typescript 类型检查
|
4月前
|
JavaScript
vite+typescript从入门到实战(三)
vite+typescript从入门到实战
68 0
|
4月前
|
JavaScript
vite+typescript从入门到实战(二)
vite+typescript从入门到实战
73 0
|
4月前
|
JavaScript 前端开发
vite+typescript从入门到实战(一)
vite+typescript从入门到实战
110 0
|
4月前
|
存储 JavaScript 前端开发
【HarmonyOS 4.0 应用开发实战】TypeScript入门之元组详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之元组详讲
91 0
|
4月前
|
JavaScript 前端开发
【HarmonyOS 4.0 应用开发实战】TypeScript入门之模块化详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之模块化详讲
61 0
|
4月前
|
JavaScript 前端开发 索引
【HarmonyOS 4.0 应用开发实战】TypeScript入门之接口详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之接口详讲
85 0