1.快捷键 win+R 打开运行面板,输入命令 cmd ,打开命令窗口。
2.node -v查看是否安装node,能正常输出版本号说明安装成功。下载地址:http://nodejs.cn/;windows一路next安装完成即可
3.安装typescript,在命令窗口输入npm install typescript -g进行全局安装,安装完成输入tsc -v查看版本
4.打开vs-code,新建文件夹名字我命为tsproject,点击它点击右键新建一个hello.ts的文件写入
let hello: string = "Hello, world";
console.log(hello)
5.回到命令窗口输入tsc hello.ts,此时在项目下多出一个命为hello.js的文件
var hello = "Hello, world";
console.log(hello);
6.在命令窗口输入tsc -init,生成一个tsconfig.json文件,全部换成如下代码
{
"compilerOptions": {
"target": "es5",
"noImplicitAny": false,
"module": "amd",
"removeComments": false,
"sourceMap": false,
"outDir": "js"//你要生成js的目录
}
}
7.这里有几种常见的报错
error TS5058: The specified path does not exist 解决方案:https://www.cnblogs.com/yeujuan/p/11949836.html
https:/go.microsoft.com/fwlink/?LinkID=13 5170 解决方案:https://blog.csdn.net/weixin_41217541/article/details/100181575
8.在vscode–> 终端–>运行任务 选择tsc:监视-tsconfig.json 文件,然后会生成一个js文件夹,编译后的hello.js就在这个目录下
9.以后只要对hello.ts进行修改,保存后hello.js会自动更新