ts使用及注意事项

使用

安装：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文件

• 参考：https://juejin.cn/post/7035637086451400734

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 保存代码自动格式化插件安装与配置项备注