当前位置: 首页>前端>正文

vue node_modules目录固定 vue目录详解

.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:配置文件

vue node_modules目录固定 vue目录详解,vue node_modules目录固定 vue目录详解_加载,第1张

 


https://www.xamrdz.com/web/2ds1928897.html

相关文章: