美文网首页
快速搭建 TypeScript 开发环境

快速搭建 TypeScript 开发环境

作者: Rollover | 来源:发表于2020-02-23 10:50 被阅读0次

创建 TypeScript 的环境:创建 demo (名字任意取)文件夹,cd 到 demo 里边,执行如下命令

1.初始化 npm 包管理(如果没 npm 命令则需安装node)

npm init -y

2.初始化 TypeScript 配置文件

tsc --init

如果没有 tsc 命令,则需要全局安装 tsc: npm install tsc -g

3.安装依赖

npm install ts-node typescript -D

如果下载速度过慢,则可以在后面加上淘宝镜像源加速

--registry=https://registry.npm.taobao.org

然后创建 src 目录,并在目录下新建 index.ts 文件,并在 package.json 下添加 TypeScript 编译运行的命令:

"script": {
  ...
  "dev": "ts-node ./src/index.ts"
}

此时,您的文件目录应该为如下:

然后我们试着在./src/index.ts下写一段代码:

class Test {
  sayHello() {
    console.log("123");
  }
}

let t: Test = new Test();
t.sayHello();

然后在根目录(即 demo 目录下),执行命令:

npm run dev

如果运行结果输出为:123,则开发环境搭建好了,我们就可以在 index.ts 下进行开发了
原文链接

相关文章

网友评论

      本文标题:快速搭建 TypeScript 开发环境

      本文链接:https://www.haomeiwen.com/subject/mmwdqhtx.html