成为更好的自己,拿到更高的薪水,就应该卷起来,多加学习,加油呗,解璎!
百日挑战记录,持续更新,更新日期:2022/07/23
VSCode + Vue3 + Typescript + Element-Plus 项目开发问题汇总
VSCode中开发vue3+typescript项目时,不会出现代码提示,且下侧工具栏提示“正在初始化 JS/TS 语言功能”
问题解决:估计是vscode插件不兼容的问题,逐个禁用插件后,然后仅启用项目开发相关插件,问题消失,同时代码提示正常显示
变量类型出错或不知变量具体类型,怎样快速获取typescript类型
路由挂载举例:
- 新建一个函数initRouter,目的是将路由挂载到app实例中(
src/router/index.ts) - 导入initRouter,挂载到app实例上(
src/main.ts) - 此时提示参数app隐式具有any类型(
src/router/index.ts) - 由于app是通过从
vue中的createApp创建的对象,所以鼠标放在app上,得知类型为App<Element>(src/main.ts) - 对函数initRouter参数app写上类型
app: App<Element>,因为Element为通用类型,所以只需要从vue中导入类型App即可(src/router/index.ts)
解决按需导入Element-Plus后,使用通知组件notification样式错乱的问题
问题原因:在引入Element-plus组件notification后,查看展示效果,样式错乱
问题解决:在主文件src/main.ts中,导入对应组件的样式代码,比如导入通知组件样式import 'element-plus/theme-chalk/el-notification.css',这样就能正常使用