TypeScript :基本配置&数据的基本类型

简介: 本文介绍了TypeScript的安装、常见问题及解决方案、配置与使用方法。包括通过npm全局安装TypeScript、设置PowerShell执行策略、初始化项目、配置模块声明、处理数据类型等。详细步骤和代码示例帮助开发者快速上手。

前言

在现代前端开发中,TypeScript 已成为一种广受欢迎的编程语言,以其强类型和静态类型检查的特性,帮助开发者编写更健壮的代码。本文将带您深入了解 TypeScript 的安装过程及常见的使用问题。我们将介绍如何通过 npm 全局安装 TypeScript,设置 PowerShell 执行策略以确保脚本运行顺利,并详细说明如何初始化项目和配置模块声明。此外,我们还将探讨数据类型的处理方法,提供实用的步骤和代码示例,帮助开发者快速上手并充分利用 TypeScript 的优势。无论您是初学者还是有经验的开发者,这篇文章都将为您提供宝贵的参考。

下载

npm i typescript -g
tsc   -v

出现问题

解决方法

以管理员身份运行 PowerShell,并执行命令set-ExecutionPolicy RemoteSigned将PowerShell的执行策略更改为RemoteSigned
具体步骤如下:
set-ExecutionPolicy RemoteSigned
运行 get-ExecutionPolicy 命令,可看到脚本的执行策略已被更改为 RemoteSigned
就解决了

传唤类型为 js

加载 tsc init
npm init
 npm i
执行  tsc -w 
可以将  ts 转换为  js 然后输出

再开一个终端,第一个不关

执行 node index.js
就可以 输出 index.ts 的 类容

关闭严格模式

配置@

declare module '*.vue' {
  import { DefineComponent } from "vue"
  const component: DefineComponent<{}, {}, any>
  export default component
}


数据的基本类型

Object  包含所有类型   (大写)

object  泛型约束   (小写)  使用 引用类型

{ }   空对象  和  Object差不多

创建好之后不可以改值

相关文章
|
7月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
367 0
|
2月前
|
JavaScript 前端开发 开发者
TypeScript :module&传输数据
本文介绍了JavaScript模块的基本概念、语法及使用方法,包括如何定义和导入模块、处理默认导出与按需导入、以及在Vue组件中使用`props`和`emit`进行数据传递和事件触发的方法。通过示例代码详细解释了模块化编程和组件间通信的实现方式。
|
2月前
|
存储 JavaScript 前端开发
TypeScript :使用mock提供数据&as const 的使用&tsconfig.json配置
本文介绍了如何在项目中使用 Mock 提供数据,包括安装依赖、配置 Vite 和 TypeScript,以及如何使用 `as const`、元组和 tsconfig.json 配置文件。通过这些配置,可以实现更灵活和高效的开发体验。
|
4月前
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
4月前
|
JavaScript IDE 开发工具
|
5月前
|
JSON JavaScript 前端开发
TypeScript(十五)配置相关(命令行配置)
TypeScript(十五)配置相关(命令行配置)
62 4
|
5月前
|
JSON JavaScript 前端开发
TypeScript(十六)配置相关(tsconfig配置)
TypeScript(十六)配置相关(tsconfig配置)
112 1
|
5月前
|
JavaScript 前端开发
TypeScript(二)基本类型和特殊类型
TypeScript(二)基本类型和特殊类型
68 0
|
5月前
【Vue3+TypeScript】CRM系统项目搭建之 — 路由配置
【Vue3+TypeScript】CRM系统项目搭建之 — 路由配置
30 0
|
6月前
|
JavaScript
TypeScript编译(tsconfig.json配置)
TypeScript编译(tsconfig.json配置)