大灰羊
0%

Vue项目-名宿订购系统

发表于 更新于 分类于
本文字数： 262 阅读时长 ≈ 1 分钟

项目一：弘源旅途

1. 创建Vue项目

  • 方式一：Vue CLI
    • 基于webpack工具
    • 命令：vue create
  • 方式二：create-vue
    • 基于vite工具
    • 命令：npm init vue@latest

2. 项目配置

  • 配置项目的icon
  • 配置项目的标题
  • 配置jsconfig.json

3. 项目目录结构划分

image-20230111110326304

4. css样式的重置

  • 对默认CSS样式进行重置
    • normalize.css
    • reset.css
    • image-20230111111629458

5. 全家桶- 路由配置

image-20230111115818223

6. 全家桶- 状态管理

  • 状态管理的选择

    • vuex：目前依然使用较多的状态管理库
    • Pinia：强烈推荐，未来趋势的状态管理库

image-20230111120652994

7. 底部导航 tabbar

image-20230113103300325