在vue 脚手架的基础上搭建 ts 开发环境,进入脚手架文件夹,执行
vue add vue/typescript
完成后,整体目录结构如下:
执行 tree -I 'node_modules' 命令,输出文件树状目录图~
.
├── README.md
├── babel.config.js
├── package.json
├── public
│ ├── favicon.ico
│ └── index.html // 项目入口文件
├── src
│ ├── App.vue
│ ├── assets
│ │ └── logo.png
│ ├── components
│ │ └── HelloWorld.vue
│ ├── main.ts
│ ├── router.ts
│ ├── shims-tsx.d.ts // ts识别 tsx 结尾的文件
│ ├── shims-vue.d.ts // ts识别vue文件
│ ├── store.ts
│ └── views
│ ├── About.vue
│ └── Home.vue
├── tsconfig.json // ts配置文件
├── tslint.json // ts检测文件
└── yarn.lock