.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:自定义文件,该文件用来定义项目的编码规范,
编辑器的行为会与.editorconfig文件中定义的一致
.env:全局默认配置文件,无论什么环境都会加载合并
.env.development:开发环境下的配置文件
.eslintignore:指定忽略的文件
vue项目中带eslint校验,提交代码时遇到会报错
.eslintrc.js:eslintrc的配置文件,vue项目自带的文件,各个eslint配置项的作用;
ESlint是一个检查代码的工具
.gitignore:可以避免在提交代码时把我们不想上传的文件提交到git中
LICENSE:开源协议的说明
package.json:记录作者、项目入口、项目描述、项目依赖等相关信息
pnpm-lock.yaml:记录详细的依赖版本
postcss.config.js:插件,利用js插件对CSS进行转换
prettier.config.js:配置文件,保持代码风格统一
README.md:项目用的到的所有插件的json格式
stylelint.config.js:让CSS样式代码在编辑、保存、提交git的时候按规范进行检查及美化
tsconfig.json:配置文件