TypeScript开发之安装与编译
1.安装TypeScript
1.1 安装npm
在node官网上下载
1.2 安装cnpm
在安装完npm后安装cnpm
命令行中输入下面的命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.3 使用cnpm安装TypeScript
命令行中输入下面的命令
cnpm install -g typescript
2.在VSCode中进行编译
2.1 创建文件
在/TSDemo 文件夹下创建一个txt文件,并将后缀名改为.ts,同时写入代码
console.log('HelloWorld')
2.2 创建tsc配置文件
在目录下Shift+鼠标右键
在此处打开命令窗口
运行命令
tsc --init
创建一个名为tsconfig.json的文件,这个就是ts的配置文件
2.3 自动生成js代码
2.3.1 设置编译后文件放置位置
打开tsconfig.json文件
修改图片中的“outDir”行为"./js",即设置生成目录在当前文件夹下的js文件夹下
2.3.2 运行任务
在VSCode上点击 任务-运行任务
选择第二个监控任务,将会在./js文件夹下自动生成对应的js文件
2.4 创建html文件并打开
创建一个index.html文件,并将index.js写入其中
选中index.html文件,右键用Chrome打开
在浏览器中敲F12,会进入开发者模式,同时点击Console标签页,将会看到log