vue项目目录结构说明

这是我创建的项目目录,见下图:
这里写图片描述

目录/文件           说明
build               项目构建(webpack)相关代码
config              配置目录,包括端口号等。我们初学可以使用默认的。
node_modules        npm 加载的项目依赖模块

src                 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:
assets:             放置一些图片,如logo等。
components:         目录里面放了一个组件文件,可以不用。
App.vue:            项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
main.js:            项目的核心文件。

static              静态资源目录,如图片、字体等。
test                初始测试目录,可删除
.xxxx文件            这些是一些配置文件,包括语法配置,git配置等。
index.html          首页入口文件,你可以添加一些 meta 信息或统计代码啥的。
package.json        项目配置文件。
README.md           项目的说明文档,markdown 格式
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个典型的Vue 2项目目录结构如下所示: ``` ├── build/ # 构建相关的文件,一般不需要关注 ├── config/ # 配置相关的文件,一般不需要关注 ├── src/ # 源代码 │ ├── assets/ # 静态资源文件,如图片、字体等 │ ├── components/ # Vue组件 │ ├── router/ # 路由配置文件 │ ├── store/ # Vuex状态管理相关文件 │ ├── styles/ # 全局样式文件 │ ├── utils/ # 公用的工具函数 │ ├── views/ # 页面组件 │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── static/ # 静态资源文件,如图片、字体等(不会被webpack处理) ├── tests/ # 测试相关的文件,一般不需要关注 ├── .babelrc # Babel配置文件 ├── .editorconfig # 编辑器配置文件,可根据个人喜好设置 ├── .gitignore # Git忽略配置文件 ├── index.html # 首页HTML文件 └── package.json # 项目配置文件 ``` 上述目录结构是一个基本的Vue 2项目的示例,可以根据实际需求进行调整和扩展。在这个目录结构,主要的关注点是`src/`目录,其包含了项目的源代码。`assets/`目录用于存放静态资源文件,如图片、字体等;`components/`目录用于存放Vue组件;`router/`目录用于存放路由配置文件;`store/`目录用于存放Vuex状态管理相关文件;`styles/`目录用于存放全局样式文件;`utils/`目录用于存放公用的工具函数;`views/`目录用于存放页面组件;`App.vue`是根组件;`main.js`是入口文件。 其他的目录和文件,在一般情况下,开发者可以不需要关注或修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值