安装局部的typeScript环境

在学习typeScript知识时,会考虑配置typeScript环境,但又不想全局安装,局部安装ts环境就来了。
本文主要介绍如何搭建一个简单的ts运行环境供学习ts使用。

创建package.json

npm init -y 

安装ts包

npm install typescript

生成ts配置文件

./node_modules/.bin/tsc --init 

该命令会生成一个tsconfig.json文件,在该配置文件中可配置rootDir(需要编译的ts文件目录)和outDir(编译后js存放的目录)
一般配置如下:

{
  "compilerOptions": {
	"rootDir": "./dist", 
	"outDir": "./src",
	}
}

配置运行命令

在package.json文件中配置以下内容:

"scripts": {
      "build": "tsc",
      "build:w": "tsc -w"
    },

其中:build: 全部编译 build:w:实时编译

运行

npm run build
或
npm run build:w

以上命令执行后,会将目标ts文件编译成js文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值