医疗问诊项目(vue3+ts)

本文档详细介绍了如何使用Vue3和TypeScript搭建一个医疗问诊项目,包括项目初始化、必备插件安装、Vant组件库集成、按需导入组件、SVG图标打包和封装SVG组件的方法。此外,还涵盖了密码框睁眼功能的实现。
摘要由CSDN通过智能技术生成

一:项目搭建

使用create-vue脚手架创建项目

1.创建指令

pnpm create vue

# or
npm init vue@latest

# or
yarn create vue

2.选择项目依赖内容

✔ Project name: … patients-h5-100
✔ Add TypeScript? … No / `Yes`
✔ Add JSX Support? … `No` / Yes
✔ Add Vue Router for Single Page Application development? … No / `Yes`
✔ Add Pinia for state management? … No / `Yes`
✔ Add Vitest for Unit Testing? … `No` / Yes
✔ Add Cypress for both Unit and End-to-End testing? … `No` / Yes
✔ Add ESLint for code quality? … No / `Yes`
✔ Add Prettier for code formatting? … No / `Yes`
Scaffolding project in /Users/zhousg/Desktop/patient-h5-100...

Done. Now run:
  cd patient-h5-100
  pnpm install
  pnpm lint
  pnpm dev

3.下载运行第三方包

pnpm i

pnpm dev

项目开发需要的插件

必装:

Vue Language Features(Volar) vue3语法支持

TypeScript Vue Plugin (Volar) vue3中更好的ts提示

Eslint (如果安装了Prettier先禁用,避免冲突

eslint 预制配置:

1.eslintrc文件中添加如下配置:

rules: { 
  'prettier/prettier': [
    'warn',
    {
      singleQuote: true,
      semi: false,
      printWidth: 100,
      trailingComma: 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值