前端项目结构和如何开发

2022-06-09 16:04:08 浏览数 (1)

网上的结构

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 # 项目介绍

————————————————

我们项目的结构

my-project

├── .vscode # 这个是编辑器生成的

├── client # Webpack 配置文件放在这里

├── dist # Vue 基本配置文件放在这里

├──mobile-client

├── node_modules # 第三方依赖

├── src # 项目源码(核心文件)

├──typings

├── .editorconfig # 代码格式

├── .gitignore # Git 提交忽略的文件配置

├──.gitlab-ci.yml # 转换 css 的工具配置文件

├── CHANGELOG #

├── nodemon.json #

├── package.json # 项目基本信息

├── package-lock.json # 用来锁定依赖的版本号(NPM 自动生成)

├── tsconfig.json #

├── tslint.json #

└── README.md # 项目介绍


版权属于:dingzhenhua

本文链接:https://cloud.tencent.com/developer/article/2019198

转载时须注明出处及本声明

0 人点赞