vue文件目录详解

本文详细解析了Vue项目的目录结构,包括.src中的assets资源文件、components组件、router路由配置、main.ts主入口文件、store状态管理,以及.mock、.husky、.env配置文件等,阐述了各部分在项目中的作用和重要性。
摘要由CSDN通过智能技术生成

.husky:husky是一个为git客户端增加hook的工具
.vscode
biuld:vite的配置,项目打包时候的配置
mock:mock数据
node_modules:node的一些基础依赖包,可能还有拓展的安装的别的插件
public
src:项目的主文件夹
    assets:资源文件
    components:vue组件
    componens 下的**.vue文件就可以具体编写每一个vue,
    最后通过router-link 连接给定的path路径,可以调用vue对象
    router:设置路由,指定路由对应的组件
    router/index.ts中  main.ts中的router是通过router文件映射,
    而router下的index.ts是项目链接的关键,
    通过设置路径将components中的vue文件关联起来
    main.ts 项目的主ts,全局使用的各种变量、ts、插件都在此定义和引入;
    main.ts中 整个项目先加载src里的main.ts,通过里面的app元素生成vue对象,
    再将router里面的路由加载进去,结果在app的vue中呈现,
    app.vue项目的入口文件
    store:放置vuex需要的状态关联文件,设置公共的state等
    vuex是一个专为vue.js应用开发的状态管理模式,集中式存储管理应用的所有组件的状态
test:测试文件目录

.editorconfig:自定义文件,该文件用来定义项目的编码规范,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值