TypeScript使用、调试、注意事项

使用

安装：npm install -g typescript

编译：tsc helloworld.ts

报错：tsc : 无法加载文件···

如果报如下错：

tsc : 无法加载文件 D:\Program Files\nodejs\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink

1. 管理员身份运行vs code
2. 在终端执行：get-ExecutionPolicy，显示Restricted
3. 在终端执行：set-ExecutionPolicy RemoteSigned
4. 在终端执行：get-ExecutionPolicy，显示RemoteSigned

nodemon运行ts文件

1. 本地全局下载nodemonts-nodetypescript三个模块

npm i nodemon ts-node typescript -g

2. 在ts文件根文件夹下执行

tsc --init

3. 运行ts文件

nodemon test.ts

tsconfig.json

ts遍历对象

ts遍历对象不要使用for···in，使用for···of

• 理由：https://stackoverflow.com/questions/65300784/declare-key-type-of-for-in-loop-in-typescript
• 遍历的其他方式参考：TypeScript小状况之遍历对象属性

const disabled = computed(() => {
  let flag = true
  for (const [key, val] of Object.entries(formState)) {
    if (!val) {
      flag = true
      break
    } else {
      flag = false
    }
  }
  return flag
})

参考

学习网站：

• 文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集
• 什么是 TypeScript · TypeScript 入门教程
• 推荐 7 个学习 TypeScript 的宝库，2021 学 TS 看这篇就够了！
• 2021 typescript史上最强学习入门文章(2w字) - 掘金

相关教程：

• Vue3.x 从零开始（一）—— Vue-cli or Vite 构建 TypeScript 项目
• 在Typescript项目中，如何优雅的使用ESLint和Prettier
• 了不起的 tsconfig.json 指南
• 官网：ESLint 可组装的JavaScript和JSX检查工具
• Eslint 超简单入门教程
• 在Vue项目中使用Eslint+Prettier+Stylelint
• 使用Vue-cli3搭建Vue+TypeScript项目
• prettier - vscode 保存代码自动格式化插件安装与配置项备注