TypeScript 入门

不懂IT的晓宇

于 2024-09-18 20:25:08 发布

阅读量354

点赞数 4

文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/m0_74324172/article/details/142341330

版权

一、环境搭建

TypeScript最终转译成JavaScript，我们需要安装对应的环境。

可以通过NPM来安装TypeScript

1、win+r 输入cmd 打开命令提示窗口

安装TypeScript

npm install typescript -g

查看版本

tsc --version

二、TypeScript 介绍

它是JavaScript 的一个超集，也就是说TypeScript 包含 JavaScript，TypeScript中可以用的JavaScript不一定有用，JavaScript 中可以用的 TypeScript 绝对可以用。

TypeScript 适合于大中小项目弱类型的编程语言

TypeScript 最后会转译成 JavaScript

TypeScript 是静态类型，类型系统按照[是否允许隐式类型转换] ，可以分为强类型或者弱类型。在编译时可以出现错误，不同于JavaScript需要运行才会出现错误。

三、做一个小案例

创建一个c01.ts

在VScode终端中输入 tsc c01.ts

我自己的错误

解决方案：tsc : 无法加载文件 D:\nodejs\tsc.ps1，因为在此系统上禁止运行脚本。-CSDN博客https://blog.csdn.net/balbalaijk/article/details/135009786 执行 set-ExecutionPolicy RemoteSigned 失败解决方法-CSDN博客https://blog.csdn.net/lzfengquan/article/details/119413300成功之后就会自动创建一个 c01.js

最后在网页中输出

也可以查看是否是用TypeScript 写的，在VScode终端中输入pnpm i axios 查看文件后缀是否为ts

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不懂IT的晓宇

关注关注

4
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

set-ExecutionPolicy RemoteSigned

07-24

6269

请注意，更改执行策略可能会对系统的安全性产生影响。建议在不确定的情况下，将执行策略设置为 "Restricted"，这将禁止运行任何脚本，然后根据需要逐个运行可信任的脚本。运行 `Set-ExecutionPolicy RemoteSigned` 命令会将执行策略设置为 "RemoteSigned"，允许本地脚本无需签名，但要求远程脚本必须由可信发布者签名才能运行。- `RemoteSigned`: 这是一个执行策略的选项，表示允许在本地计算机上运行本地脚本，但远程脚本必须由可信发布者签名后才能运行。

执行 set-ExecutionPolicy RemoteSigned 失败解决方法

最新发布

m0_57236802的博客

09-05

4056

是一个 PowerShell 命令，用于更改 PowerShell 脚本的执行策略。这个特定的设置允许你运行本地创建的脚本，而从 Internet 下载的脚本必须有一个数字签名才能运行。要以管理员权限运行这个命令，你需要打开一个以管理员身份运行的 PowerShell 窗口。因此，在更改执行策略之前，最好确保你了解其含义和潜在的安全影响，并确保你只运行来自可信来源的脚本。可能会有一个提示，要求你确认更改，按照指示进行即可。将允许任何脚本运行，这可能会暴露系统于潜在的恶意软件攻击。

解决Gulp-cli安装成功运行却报错的问题

weixin_45147894的博客

03-23

799

运行gulp命令行时，系统报错如下：怎么解决呢？ 1、首先打开Powershell以管理员身份运行。 2.输入set-executionpolicy remotesigned 回车然后输入Y即可。退出powershell重新用就可以了下面蓝色字是powershell上的内容，我在这里复制过来的。 Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。尝试新的跨平台 PowerShell https://aka.ms...

TypeScript入门教程——pdf文档

03-16

**TypeScript 入门教程** TypeScript 是一种由微软开发的强类型、静态类型的超集语言，它在 JavaScript 的基础上增加了许多新特性，如...阅读提供的 "TypeScript入门教程——pdf文档"，将能更全面地掌握这些知识点。

TypeScript入门指南初学者必备.zip

07-22

**TypeScript入门指南初学者必备** TypeScript是JavaScript的一个超集，由Microsoft开发，它引入了静态类型系统和一些高级编程特性，提升了代码的可维护性和可读性，尤其适合大型项目开发。对于初学者来说，掌握...

TypeScript 入门教程

01-06

### TypeScript 入门教程 #### 前言在当今快速发展的前端开发领域，TypeScript 作为一种静态类型的编程语言，正逐渐成为许多大型项目和框架的首选语言。它通过为 JavaScript 添加可选的静态类型检查功能，使得...

TypeScript入门指南案例教程.zip

07-17

通过学习这个TypeScript入门指南案例教程，你将了解到如何在实际项目中应用上述概念，逐步掌握TypeScript的使用，从而提高开发效率，降低维护成本。同时，熟悉TypeScript也能为参与诸如Angular、React或Vue等现代...

typescript入门教程

02-05

TypeScript入门教程是由xcatliu编写，他根据自身学习TypeScript的经历，整理出了一系列的学习笔记。这本教程从JavaScript程序员的角度出发，帮助初学者循序渐进地理解TypeScript，并提供了一个与官方手册不同的视角...

全网详细解决执行Set-ExecutionPolicy RemoteSigned报出的的错误：对注册表项“HKEY_LOCAL_MACHINESOFTWAREMicrosoft.”的访问被拒拒绝。

念兮为美

02-24

6980

全网详细解决执行Set-ExecutionPolicy RemoteSigned报出的的错误：执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险。Set-ExecutionPolicy : 对注册表项“HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\PowerShell\1\ShellIds\Microsoft.PowerShell”的访问被拒绝。要更改默认(LocalMachine)作用域的执行策略，请使用“以管理员身份运行”选项启动 Windows Pow

set-ExecutionPolicy‘ 不是内部或外部命令 cnpm : 无法加载文件 C:\Users\XXX

細水、長流√的专栏

08-07

2万+

set-ExecutionPolicy' 不是内部或外部命令，也不是可运行的程序或批处理文转到“开始”菜单，然后搜索“ Windows PowerShell ISE”。右键单击x86版本，然后选择“以管理员身份运行”。在顶部，粘贴Set-ExecutionPolicy RemoteSigned；运行脚本。选择“全是”。对64位版本的Powershell ISE（非x86版本）也重复这些步骤。在安装启动服务的时候会报“cnpm : 无法加载文件 C:\Users\XXX...

解决执行set-ExecutionPolicy RemoteSigned后出现的问题

weixin_43796818的博客

04-14

3858

解决执行set-ExecutionPolicy RemoteSigned后出现的问题，步骤如下

vscode终端执行yarn报错或者执行 set-ExecutionPolicy RemoteSigned失败的解决办法

weixin_44629215的博客

04-13

3786

安装yarn如果在cmd中可以顺利启动项目，但是在vscode终端处会报错的话，那我们就可以采用一下的方法进行解决：找的电脑的PowerShell分别执行以下两行命令： set-ExecutionPolicy RemoteSigned get-ExecutionPolicy 下边是图片的展示效果：报错啦！！！解决办法一：没有以管理员的身份运行，重新启动，右击采用管理员身份运行，再输入 set-ExecutionPolicy RemoteSigned 之后选择A，然后再执行get-Executi

无法将set -Executionpolicy-scope识别

qq_43638735的博客

03-27

2105

首先在终端中执行命令：get-ExecutionPolicy 显示为：Restricted，表示脚本被禁止。 set-ExecutionPolicy RemoteSigned：设置执行策略为RemoteSigned。然后我们再执行get-ExecutionPolicy 显示RemoteSigned，即表示可以正常执行脚本命令了。如果出现下列问题则：按键开始+R Windows+R；输入PowerShell；运行 "Set-ExecutionPolicy -Scope ..

执行set-executionpolicy RemoteSigned问题

Lycxiaobai的博客

02-25

9974

执行set-ExecutionPolicy RemoteSigned后出现以下错误：

win10使用vue 创建项目报此系统禁止运行等脚本问题处理（set-ExecutionPolicy RemoteSigned）

在工作中记录下美好的瞬间~~

03-23

3019

win10以管理员身份运行PowerShell 解决办法 1. 使用get-ExecutionPolicy，获取到变量值，如果是Restricted，则进行2操作，否则请另寻办法； 2. 执行：set-ExecutionPolicy RemoteSigned，选着Y， 3、再次输入get-ExecutionPolicy，返回的是RemoteSigned就修改成功了 ...

Set-ExecutionPolicy 帮助信息

Windows PowerShell

09-14

9445

如下说明是翻译: help Set-ExecutionPolicy 产生的帮助信息. 译者: Edengundam(马涛) Set-ExecutionPolicy 大纲修改PowerShell中执行策略的用户首选项(preference). 语法Set-ExecutionPolicy [-executionPolicy] { | | | | } [-

win10使用PowerShell无权加载vue/gulp等脚本问题处理（set-ExecutionPolicy RemoteSigned）

山野里的小菊花

06-05

2857

问题描述： win10使用powershell全局装vue-cli，运行vue --version 查看版本的时候，提示vue : 无法加载文件 D:\nvm\nodejs\vue.ps1，因为在此系统上禁止运行脚本。搜索了半天之后，说的是没有进行授权，需要把ExecutionPolicy变量改为RemoteSigned。解决办法 ...

typescript入门

09-02

对于 TypeScript 的入门，我可以给你一些指导。 TypeScript 是一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的一个超集，添加了类型系统和一些其他功能。它可以帮助开发者在大型项目中更好地管理代码，并提供更好的开发工具支持。以下是一些入门步骤： 1. 安装 TypeScript：首先，你需要在你的计算机上安装 TypeScript。你可以通过 npm（Node 包管理器）进行安装。运行以下命令： ``` npm install -g typescript ``` 2. 创建 TypeScript 文件：创建一个新的文件，使用 `.ts` 后缀作为文件扩展名。例如，你可以创建一个名为 `hello.ts` 的文件。 3. 编写 TypeScript 代码：在 `hello.ts` 文件中写入你的 TypeScript 代码。TypeScript 代码与 JavaScript 代码非常相似，但你可以为变量、函数和参数指定类型。例如，你可以创建一个简单的函数来打印一条消息： ```typescript function sayHello(name: string) { console.log("Hello, " + name); } sayHello("TypeScript"); ``` 4. 编译 TypeScript 代码：在终端中，使用以下命令将 TypeScript 代码编译为 JavaScript 代码： ``` tsc hello.ts ``` 这将生成一个名为 `hello.js` 的 JavaScript 文件。 5. 运行 JavaScript 代码：现在，你可以在终端中运行生成的 JavaScript 文件： ``` node hello.js ``` 你应该会看到输出结果为 "Hello, TypeScript"。这只是 TypeScript 的基本入门，但它可以帮助你开始学习和使用 TypeScript。你还可以深入了解类型注解、接口、类等 TypeScript 的高级特性。同时，与 JavaScript 生态系统的其他工具和框架（如 React、Node.js 等）结合使用 TypeScript，可以提高开发效率和代码质量。希望这些信息对你有帮助！如果你有更多问题，请随时提问。