(一)TypeScript开发入门

news/2025/3/13 3:46:01/文章来源:https://www.cnblogs.com/billfeng/p/18508116

Nest.js是一个渐进式 Node.js 框架,用于构建高效、可靠且可扩展的服务器端应用程序。
官网地址:https://ezdoc.cn/docs/nestjs/
一,Nodejs环境搭建
1,在windows环境下安装node.js和npm,下载地址:https://nodejs.org/en/
2,查看安装路径,环境变量(会自动添加)和版本

3,运行命令配置node_cache和node_global
npm config set prefix "D:\Program Files\Develop\nodejs\node_global"
npm config set cache "D:\Program Files\Develop\nodejs\node_cache"

4,配置镜像提升速度
npm config set registry=http://registry.npm.taobao.org
5,查看所有配置
npm config list

6,下面是配置文件路径


7,添加环境变量
NODE_PATH = D:\Program Files\Develop\nodejs\node_global\node_modules
注意: 默认的模块目录:D:\Program Files\Develop\nodejs\node_modules,要变为D:\Program Files\Develop\nodejs\node_global\node_modules,
如果直接运行npm install等命令会报错的。

8,重新打开cmd,使上面配置生效
9,使用npm安装命令安装/更新npm模块,-g表示全局(注意:如果使用-g,请使用以管理员的身份打开终端)
npm install npm -g


二,TypeScript开发入门
1,安装TypeScript
npm i typescript -g

,
2,创建MyDemo文件夹,并在根目录创建index.html
编辑index.html,然后输入!+tab快捷键生成html头部内容

script中引入index.js
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script type="text/javascript" src="./index.js"></script>
</body>
</html>
3,创建index.ts文件 ![](https://img2024.cnblogs.com/blog/3546580/202410/3546580-20241027130725266-1331749239.png)
点击查看代码
const person = {name: '张三',age: 18
}console.info(`我叫${person.name}, 我今年${person.age}岁了`)
4,使用命令手动编译.ts文件,会生成index.js文件 **`tsc index.ts`** ![](https://img2024.cnblogs.com/blog/3546580/202410/3546580-20241027131038102-1324544256.png) 5,安装vs code的open in Browser插件 ![](https://img2024.cnblogs.com/blog/3546580/202410/3546580-20241027131453892-1665386468.png) 6,打开控制台 ![](https://img2024.cnblogs.com/blog/3546580/202410/3546580-20241027131542599-2012719260.png)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/822744.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

变电站设备状态识别无人值守巡检系统

变电站设备状态识别无人值守巡检系统基于智能视频分析技术和深度学习技术,变电站设备状态识别无人值守巡检系统通过现场已经装好的监控摄像机实时对变电站的设备状态进行监测识别,例如,对隔离开关的分合状态进行实时检测、识别开关柜刀闸的位置和状态、识别鸟巢等外来物体、…

第45篇 ARM架构的全景图了解

以下是一个全景图的比较

垃圾溢满堆放识别检测

垃圾溢满堆放识别检测系统的核心技术是基于YOLO深度学习模型,垃圾溢满堆放识别检测系统能够在监控画面中快速识别出垃圾箱外部的垃圾堆放情况。系统经过大量的训练和优化,能够识别出各种垃圾的特征,并能够准确判断是否溢满堆放。垃圾溢满堆放识别检测系统一旦检测到垃圾箱外…

项目经理在哪些情况下应考虑项目外包

项目经理在以下情况下应考虑项目外包:专业技能短缺、成本控制需求、时间紧迫、缺乏必要的资源、风险分散需要。特别在专业技能短缺时,项目外包变得尤为关键。如果团队缺乏某项任务所需的专业技能或经验,外包这项任务可以让专家快速高效地完成,同时内部团队可继续专注于他们…

非授权人员进入报警系统

非授权人员进入报警系统基于智能视频分析技术和深度学习技术,非授权人员进入报警系统通过现场已经装好的监控摄像头针对人体进行精准检测,并根据设置的禁入区范围进行判断。通过图像处理和人体识别算法,非授权人员进入报警系统可以在实时监测画面中自动识别人员的人脸数据以…

淘宝不能用花呗付款是怎么回事

​当淘宝用户发现无法使用花呗进行付款时,主要原因可能包括:1.花呗额度不足;2.某些店铺不支持花呗;3.账户存在违规行为;4.系统故障或维护;5.用户信用记录问题。了解这些原因有助于用户更好地解决付款问题。1.花呗额度不足 当用户发现无法使用花呗进行付款时,首先应检查自…

webstorm中不显示node_modules文件夹,如何恢复显示?

点击项目栏的更多,找到 外观,点击勾选上 展示排除的文件 即可 这样就可以点击代码定位到三方包的源码中啦!!!

如何在项目进度管理中实施有效的利益相关者参与

有效的利益相关者参与是项目进度管理的重要组成部分。关键在于识别所有利益相关者、建立明确的沟通计划、定期收集反馈以及适应性地管理变更。其中,建立明确的沟通计划尤为重要,它包括制定沟通的频率、格式和具体内容,保证信息的及时透明传递,以便利益相关者了解项目的进展…

信息安全与网络安全有什么区别

​信息安全与网络安全是两个紧密相关但又有所不同的概念。二者的区别:1.定义和范围的不同;2.保护对象的差异;3.威胁类型的区分。信息安全更偏向于保护数据的完整性、保密性和可用性,无论数据是否通过网络传输。而网络安全更侧重于保护网络及其相关的计算机设施免受网络攻击…

Webpack和打包过程

node中的内置模块pathpath常见的API在webpack中的使用认识webpack脚手架依赖webpackWebpack到底是什么呢?Webpack的安装Webpack的默认打包创建局部的webpackWebpack配置文件指定配置文件

如何在项目进度延误时维持利益相关者的满意度

在项目进度延误时维持利益相关者的满意度首先需要通信透明、制定实际可行的应对计划、持续的关系管理以及以成效为导向的问题解决策略。确保所有利益相关者都能够及时、准确地获得项目更新信息至关重要,这有助于减少误解、建立信任并且促进合作。特别是,制定实际可行的应对计…

Go语言的反射机制如何使用

# Go语言的反射机制如何使用 在Go语言中,反射机制主要用于在运行时检查变量的类型和值、调用变量的方法以及动态操作对象。反射机制在Go中通过`reflect`包实现,它允许程序操作任意类型的对象。反射最常见的用途包括:类型检查、动态调用方法、以及结构体标签的处理。其中,动…