前端项目结构整理

my-project
├── .idea                  # 这个是编辑器生成的
├── build                  # Webpack 配置文件放在这里
├── config                 # Vue 基本配置文件放在这里
├── node_modules           # 第三方依赖
├── src                    # 项目源码(核心文件)
│   ├── assets             # 资源文件(js, css, scss)
│   ├── components         # 所有组件
│   ├── js                 # 自己写的 js,里面各种工具类方法等
│   ├── mixins             # 混合
│   ├── router             # 路由
│   ├── vuex               # 状态管理
│   ├── App.vue            # 根组件
│   └── main.js            # 入口文件
├── static                 # 静态资源,一般放 img
├── theme                  # 主题文件,修改的 Element-UI 主题
├── .babelrc               # babel 编译配置
├── .editorconfig          # 代码格式
├── .gitignore             # Git 提交忽略的文件配置
├── .postcssrc.js          # 转换 css 的工具配置文件
├── element-variables.css  # Element 全局定义的变量,不明白为啥放这儿
├── index.html             # 主页模板
├── package-lock.json      # 用来锁定依赖的版本号(NPM 自动生成)
├── package.json           # 项目基本信息
└── README.md              # 项目介绍

上图是别的博客中的。

下图是自己项目的

猜你喜欢

转载自blog.csdn.net/qq_29091239/article/details/83791200
今日推荐