当前位置： 首页 > article >正文

vite 创建了一个项目后，如何实现工程化

article 2024/11/2 23:28:51

当我们使用 vite 创建了一个项目后，要开发自己的东西。首先要做的就是先将开发文件变成自己的样子。

  1. 这是一个刚刚创建项目的文件夹及展示

在这里插入图片描述
在这里插入图片描述

  1. 开始整改文件夹

修改文件

  • main.ts不需要修改
  • App.vue删除无用的内容
<template>
  <div>app组件</div>
</template>

删除文件

  • src/components/HelloWorld.vue HelloWorld 组件
  • src/assets/logo.png vue 默认的 logo

新增文件夹

  • utils 用于存放工具相关
  • components 通用封装组件库
  • assets/images 用于存放图片相关
  • assets/styles 用于存放样式相关
  • router 用于存放路由相关
  • store用于存放数据相关
  • views用于存放页面级别的组件
  • types用于存放 ts 的公共类型

在这里插入图片描述


http://www.kler.cn/a/376474.html

相关文章：

  • 全新更新！Fastreport.NET 2025.1版本发布，提升报告开发体验
  • spring 学习路线梳理(二)注解
  • ML2001-1 机器学习/深度学习 Introduction of Machine / Deep Learning
  • 中仕公考：25年上海省考时间
  • 曹操出行借助 ApsaraMQ for Kafka Serverless 提升效率，成本节省超 20%
  • Linux之nfs服务器和dns服务器
  • 【赵渝强老师】Memcached集群的架构
  • 数据结构，问题 G: 字符串匹配问题
  • Spring Boot接收参数的19种方式
  • DiffusionDet: Diffusion Model for Object Detection—用于对象检测的扩散模型论文解析
  • Vite常用插件配置
  • R学习笔记-单因素重复测量方差分析
  • 032_Tiledlayout_in_Matlab中的分块图布局
  • C++/Opengl编程实践
  • 代码随想录一刷——350.两个数组的交集II
  • 024集——CAD 动态显示图形——ed.Redraw(ent)实现（CAD—C#二次开发入门）
  • 初探Flink的序列化
  • centos7 zabbix监控nginx的pv和uv和status_code
  • 无法启动此程序win10玩游戏找不到d3dx9_43.dll缺失的五种常用有效解决方法
  • el-table 修改高亮行样式
  • 基于 Flask 的 Python 应用程序，主要功能包括用户认证、文件上传（CSV 和图片）、图像文字识别（OCR）以及根据识别结果进行一些数据处理和比对
  • [MySQL]DQL语句(一)
  • SRS：构建实时免费视频服务器的全方位指南
  • 使用Nginx作为Web服务器和反向代理
  • Webserver(2.4)进程控制
  • 2024 手机解压缩软件评测与推荐