ts初步学习--安装运行

199 阅读1分钟

typeScript面向对象思想,用来开发大型项目

安装:npm 、 cnpm 、yarn

npm install -g typescript
安装完成后从新打开终端 tsc -v 版本号出现安装完成

ts的代码浏览器不会解析,最终都会被编译成js文件运行

本地新建一个ts文件 用终端打开命令:

tsc hollowts.ts
执行
会生成一个hollowts.js文件

ts文件代码发生变化,js文件不会自动更新 需要终端重新运行,解决方案:配置vscode 在文件所在位置,打开终端,输入命令

tsc --init
===>执行
===>生成tsConfig.json文件
===>vscode中打开,找到'outDir'属性  更改后面路径(当前路径的相对路径??)保存
===>新建一个ts文件  
===>在vscode上方找到终端下的运行任务找到typescript
===>选项中有一个tsc监视tsconfig.json 
===>保存之后  自动在同级目录中生成

上述正常情况下可以在对应路径下生成js

注:但是在我安装的过程中遇到了一个问,就是在vscode中监视tsconfig时报错,链接看解决方法 juejin.cn/post/703180…