typeSctipt入门系列 - 1配置开发环境

这次的目标是 使用typeScript实现一个hello world

其中包括了 webpack配置项的详细讲解(在build目录下的各个js文件中都有注释)
主要搭建了webpack + typeScript的环境, 后期的代码都会基于此工程进行开发

gitee项目地址

一、准备环境

1. 给电脑安装node环境 (http://nodejs.cn/),可直接通过官网下载安装
2. 全局安装 typeScript,安装到全局在任何项目都可以访问到
3. 安装编辑器 我这里用的vscode

---

二、构建项目

4. 新建文件夹 命名： typeScriptDemo

5. 进入文件件, 进行项目初始化

• 配置项默认都是yes,所以我选了 -y
  运行命令 npm init -y
• 此时typeScriptDemo文件夹下就多了个package.json。这是项目的配置文件

6. 进行typescript初始化

• 运行命令 tsc -h 看看他都支持哪些命令
• 运行命令 tsc -init
• 运行完成 可看到生成了 tsconfig.json, 这就是ts的配置文件

7. 新建一个src目录

8. 在src目录下新建index.ts

//index.ts