在学习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文件。

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部