首页 > 其他分享 >(一)TypeScript开发入门

(一)TypeScript开发入门

时间:2024-10-27 13:09:21浏览次数:7  
标签:npm node TypeScript 入门 index nodejs 3546580 开发 https

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文件 ![](/i/l/?n=24&i=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`** ![](/i/l/?n=24&i=blog/3546580/202410/3546580-20241027131038102-1324544256.png) 5,安装vs code的open in Browser插件 ![](/i/l/?n=24&i=blog/3546580/202410/3546580-20241027131453892-1665386468.png) 6,打开控制台 ![](/i/l/?n=24&i=blog/3546580/202410/3546580-20241027131542599-2012719260.png)

标签:npm,node,TypeScript,入门,index,nodejs,3546580,开发,https
From: https://www.cnblogs.com/billfeng/p/18508116

相关文章

  • 数据挖掘与机器学习入门-以房价预测为例
    数据挖掘与机器学习入门-以房价预测为例背景此时我们有两份CSV文件houseprice_train.csv:包含训练数据和房价数据houseprice_test.csv:只包含测试数据不包括房价,将测试集真正房价对开发者不可见用于打分数据处理导入两份csv文件:train=pd.read_csv('houseprice_train.cs......
  • 深度优先算法(DFS)洛谷P1683-入门
    虽然洛谷是有题解的,但是你如果直接看得懂题解,你也不会来看这篇文章..这些代码均是我记录自身成长的记录,有写的不好的地方请谅解!先上代码:#include<iostream>#include<vector>#include<iomanip>#include<cstdio>usingnamespacestd;constintN=30;charg[N......
  • 后端用什么开发工具
    后端开发工具主要包括三个方面:1、集成开发环境(IDE);2、版本控制系统;3、构建和部署工具。以集成开发环境(IDE)为例,例如IntelliJIDEA、VisualStudio、Eclipse等,这些IDE为后端开发者提供了代码编写、测试、调试等全套工具,有助于提高开发效率和代码质量。一、集成开发环境(IDE)集成开......
  • 开发人员希望bug管理工具备哪些功能
    开发人员希望bug管理工具备以下功能:一、缺陷跟踪;二、协作和沟通;三、统计和报告;四、版本控制集成;五、自定义和扩展性;六、搜索和过滤。缺陷跟踪功能使得开发人员能够准确追踪和管理每一个bug,从而更高效地解决问题。一、缺陷跟踪缺陷跟踪是bug管理工具最基本的功能之一。开发人......
  • 计算机毕业设计-基于Java+Springboot架构的流浪动物管理系统项目开发实战(附源码+论文
    大家好!我是职场程序猿,感谢您阅读本文,欢迎一键三连哦。......
  • 计算机毕业设计-基于Java+Springboot架构的鲜牛奶订购系统项目开发实战(附源码+论文)
    大家好!我是职场程序猿,感谢您阅读本文,欢迎一键三连哦。......
  • C# Solidworks二次开发:宏录制实战讲解(第一讲)
    大家好,今天要讲的是关于在做Solidworks二次开发的时候,想要实现一些软件中操作的时候,我们最直接的办法就是使用宏录制功能,会将我们想要的API直接录制出来,这样避免了很多我们自己去查询的过程。下面通过一些录制的例子为大家讲解一下:(1)首先讲一个使用曲线文件的方式来创建曲线,并......
  • 【学术论文投稿】Windows11开发指南:打造卓越应用的必备攻略
    【IEEE出版·南方科技大学】第十一届电气工程与自动化国际会议(IFEEA2024)_艾思科蓝_学术一站式服务平台 更多学术会议论文投稿请看:https://ais.cn/u/nuyAF3目录引言 一、Windows11开发环境搭建二、Windows11关键新特性三、Windows11设计指南四、Windows11开发实战代......
  • 敏捷开发解决的是什么问题
    敏捷开发解决的问题:1、迭代开发;2、适应需求变化;3、降低项目风险;4、增强团队协作;5、提高产品质量;6、增强用户满意度。迭代开发是指,敏捷开发采用迭代的方式进行开发,每个迭代都有一个明确的目标和时间框架。1、迭代开发敏捷开发采用迭代的方式进行开发,每个迭代都有一个明确的目......
  • Linux驱动开发 内核时间管理 内核定时器使用 以及 从 应用层通过ioctl接口控制内核定
    Linux内核时间管理以及内核定时器使用在Linux驱动开发中,内核时间管理和内核定时器是用于管理时间和调度任务的重要工具。内核定时器允许开发者在指定的时间间隔内执行某些任务,而内核时间管理则提供了时间相关的功能,如获取当前时间、时间延迟等。1.内核时间管理内核......