从头开始Vue项目--0.目录结构

本文详细介绍了基于webpack构建的项目结构,包括config开发环境配置、src源码目录中的组件、接口、路由、状态管理、静态资源等,并提及了关键配置文件如.babelrc和.eslintrc.js的作用。此外,还提到了static目录下非组件静态资源的管理。通过这个结构,开发者可以更好地理解和组织前端项目。
摘要由CSDN通过智能技术生成

build 项目构建(webpack)相关配置

config 项目开发环境配置

src 源码目录

      /api/ # 数据请求

      /assets/ # 组件静态资源(图片)

      /components/ # 公共组件

      /api/ # 请求接口

      /router/ # 路由配置

      /vuex/ # vuex状态管理

      /views/ # 路由组件(页面维度)

      /config/ # 接口配置文件(请求地址)

      /utils/ #时间戳

      App.vue # 组件入口

      main.js # 程序入口

static #非组件静态资源

.babelrc # ES6语法编译配置

.editorconfig # 定义代码格式

.eslintignore # ES6规范忽略文件

.eslintrc.js # ES6语法规范配置

.gitignore # git忽略文件

.postcssrc.js

index.html # 页面入口

package.json # 项目依赖

README.md # 项目文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值