TOC

1，全局安装typeScript环境

Win+R，打开电脑cmd命令框，全局安装

typeScript

npm install -g typescript

2，新建项目

新建一个

demo

目录，

cmd

进入目录。运行命令

tsc --init

，成功后会在目录下生成一个

tsconfig.json

文件，里面有个

compilerOptions

对象。

• target

  ：指定编译后的

  JavaScript

  版本

• outDir

  ：编译后的文件存放目录

• rootDir

  ：需要编译的文件存放目录

• strict

  ：严格模式

3，运行

vsCode

添加该项目，选中目录，点击

vsCode

顶部：终端 => 运行任务 =>

tsc

监视 你的目录 运行完成后，新建一个

.ts

的文件，保存后会自动编译为

JavaScript

如图：

如果看了觉得有帮助的，我是@鹏多多，欢迎 点赞 关注 评论；END

PS：在本页按F12，在console中输入document.querySelectorAll('.diggit')[0].click()，有惊喜哦

公众号

往期文章

• 助你上手Vue3全家桶之Vue-Router4教程
• 助你上手Vue3全家桶之Vue3教程
• 助你上手Vue3全家桶之VueX4教程
• 使用nvm管理node.js版本以及更换npm淘宝镜像源
• 超详细！Vue-Router手把手教程
• vue中利用.env文件存储全局环境变量，以及配置vue启动和打包命令
• 微信小程序实现搜索关键词高亮
• 超详细！Vue的九种通信方式
• 超详细！Vuex手把手教程

个人主页

• CSDN
• GitHub
• 简书
• 博客园
• 掘金