TypeScript核心基础

前言

为了方便我们直接使用脚手架让他帮我们直接编译就完事了

创建一个 Vue 应用

前提条件

• 熟悉命令行
• 已安装 16.0 或更高版本的 Node.js

npm init vue@latest

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：

 Project name: … <your-project-name>
 Add TypeScript? … No / Yes ------------------ 要的
 Add JSX Support? … No / Yes
 Add Vue Router for Single Page Application development? … No / Yes
 Add Pinia for state management? … No / Yes
 Add Vitest for Unit testing? … No / Yes ------------------ 要的
 Add an End-to-End Testing Solution? … No / Cypress / Playwright
 Add ESLint for code quality? … No / Yes ------------------ 要的
 Add Prettier for code formatting? … No / Yes ------------------ 要的

Scaffolding project in ./<your-project-name>...
Done.

打上了 要的 都要选择上

执行 npm install

启动 npm run dev

统一格式化 npm run format

这下子就搭建好了一个官方脚手架程序了

一、基本数据类型

TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用

1. 数值类型 number

let val: number // 定义了一个只能存储数字类型
val = 123

// val = "123"; // 会报错

// 注意点: 其它的用法和JS一样
// 二进制
val = 0x111
val = 0o11
val = 0b11
console.log(val)

2. 布尔类型

let val2: boolean
val2 = true
// val2 = 1;// 会报错
console.log(val2)

字符串类型

let val3: string
val3 = '33333'
// 和js一样的玩 模版方式
val3 = `${val3}`

// val3 = 111; // 会报错

console.log(val3)

启动脚手架 f12 查看打印结果

完整项目列表