This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup>
SFCs, check out the script setup docs to learn more.
- VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue
types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
- Run
Extensions: Show Built-in Extensions
from VSCode's command palette - Find
TypeScript and JavaScript Language Features
, right click and selectDisable (Workspace)
- Run
- Reload the VSCode window by running
Developer: Reload Window
from the command palette.
assets img // 图片资源 icon // icon css // 样式资源 style.css // 公共样式
components list TaskList.vue // 列表文件 ContractList.vue // 任务列表组件 MessageList.vue // 合约列表组件 TalentList.vue // 人才列表组件 FooterTabbar.vue // 底部导航组件
api user.ts // 登录模块api task.ts // 任务mokapi contract.ts // 合约mokapi message.ts // 消息模块api my.ts // 我的模块api talent.ts // 人才模块api
router index.ts // 路由管理主页
views login index.vue //登录页 serviceAgree.vue // 服务协议 privacyPolicy.vue // 隐私政策 task index.vue // 任务主页 search.vue // 任务搜索 details.vue // 任务详情 companySource.vue // 公司任务主页 contract index.vue // 合约主页 details.vue // 合约详情 progress.vue // 合约进度 message index.vue // 合约主页 systemList.vue // 系统消息列表 systemDetails.vue // 系统消息详情 talk.vue // 对话消息 my index.vue // 我的主页 user // 用户中心 index.vue // 个人信息主页 authReal.vue // 实名认证 certified.vue // 已完成实名认证 identitySwitch.vue // 切换身份 set index.vue // 设置主页 feedback index.vue // 反馈主页 account index.vue // 账户主页 advance.vue // 账户提现 coinExplain.vue // 无忧币说明 depositExplain.vue // 押金说明 resume index.vue // 简历主页 preview.vue // 简历预览 collect index.vue // 收藏主页 talent index.vue // 人才主页 details.vue // 人才详情