文章

1.Vue3+TypeScript 完整项目上手教程

• https://juejin.cn/post/6875713523968802829
• https://mp.weixin.qq.com/s/8JnMx6SZGHridSrBcMv9ig

2.vue3 组件封装

• https://juejin.cn/post/6964954862991704094
• https://mp.weixin.qq.com/s/8zg0riftPw5UzNx1TRZ0vA

vue3Api

• https://juejin.cn/post/6858558735695937544#heading-153
• https://mp.weixin.qq.com/s/ZIj31qtluMaKg6NGpgy1Pg

ts 文章

1. https://juejin.cn/post/6989796543880495135?utm_source=gold_browser_extension#heading-13
2. https://juejin.cn/post/6994102811218673700?utm_source=gold_browser_extension#heading-10

后台管理系统

https://github.com/anncwb/vue-vben-admin

vscode 自动编译 ts

1. 全局安装 ts 环境

npm install -g typescript

2. mkdir tsPro

3. 初始化 tsPro 自动生成 tsconfig.json 文件

cd tsPro

tsc --init

4. 开启输出文件，并指定输出目录 "outDir": "./js",

tsconfig.json 配置如下：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",    // outFile 开启的时候值为amd，反之 commonjs
    // "outFile": "./out/index.js",       //多个ts文件合并输出至一个文件./out/index.js
    "outDir": "./js", //多个ts文件会在js目录下输出多个js文件
  }
}

5. 任务栏——终端——运行任务——显示所有任务——tsc:监视-tsconfig.json

装饰器警告去掉

vscode的设置搜索  experimentalDecorators
打上勾