最近点子好多,正好也刚从忙得暗无天日的生活中恢复过来,于是决定启用 TypeScript + Vuetify 的计划写几个 Web APP
为了以后方(偷)便(懒),当然要先做好一个模板~
然而,被一个巨无聊的 BUG 坑了好几个小时...科学上网都用上了,找了好久才找到问题所在 TAT
首先,你必须安装 vue-cli 3
1. 通过 vue-cli 初始化项目(推荐在命令行输入 vue ui 使用图形界面创建)
选择手动配置,配置以下几项
- Babel
- TypeScript
- Router
- Vuex
- CSS Pre-processors
- Linter / Formatter
其中 CSS Pre-processors 选择 scss with node-sass,Linter / Formatter 选择 tslint
2. 在项目根目录下打开命令行,执行 vue add vuetify
选项全部按照默认即可
vuetify 会自动帮你在 main.ts 中引入并修改 App.vue 等
但此时!如果尝试执行 npm run serve 会发生如下错误:
Could not find a declaration file for module 'vuetify/lib'
这个好办,你只要在 tsconfig.json 中加入这一行代码即可:
"type