2020-08-11

vue中项目的解构以及每个文件夹的作用


├── build # webpack文件,配置参数,打包的代码存放在这里。

      ├── config          # vue项目的基本配置文件

      ├── node_modules    # 项目中安装的依赖模块

      ├── src             # 源代码文件夹

              └── assets      # 资源文件夹,里面放一些静态资源

              └── components  # 放置各个vue组件文件

              └── data        # 资源文件,如引用的json文件

              └── http        # http请求配置文件

              └── router      # vue-router 路由配置文件

              └── style       # 项目主题以及less配置文件

              └── unit        # 项目公用的js文件

              └── App.vue     # App.vue组件,项目入口文件

              └── main.js     # 项目的核心入口文件

              └── state.js    # 项目的状态管理文件,包括登录,用户信息和token等

├── static          # 静态资源目录,如图片、字体等

        └── rsa         # 登录加密配置文件

├── test            # 测试文件,初始化测试都写在这里,可以删除

├── .babelrc        # babel编译参数,vue开发需要babel编译

├── .editorconfig       # 代码编辑环境配置文件

├── .eslintignore       # eslint检查忽略文件

├── .eslintrc.js        # eslint检查配置文件

├── .gitignore          # git提忽略文件

├── .postcssrc.js       # css配置文件,自动补齐浏览器css前缀

├── index.html          # 主页,项目入口文件

├── package.json        # 项目配置文件,,描述项目信息和依赖

├── README.md       # 项目的说明文档,markdown 格式

├── server          # node后端文件,可以忽视或删除

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容