vue项目目录结构说明

这是要一个最基本的vue项目结构
具体的目录解析看下面的表格

vue项目目录结构说明_第1张图片

buiuld:

项目构建(webpack)相关代码

config:

目录/文件 说明
build 项目构建(webpack)相关代码
config

node_modules:

npm 加载的项目依赖模块

src:

这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:

assets: 放置一些图片,如logo等。
components: 目录里面放了一个组件文件,可以不用。
App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
main.js: 项目的核心文件。

static :

静态资源目录,如图片、字体等。

test:

初始测试目录,可删除

.xxxx文件:

配置文件(git,语法配置等等)

index.html:

首页代码,

package.json:

项目额配置文件

README.md:

项目说明文档。

你可能感兴趣的:(vue,vue.js)