VUE项目结构

112 阅读1分钟

image.png

dist:存放webpack打包出来的文件,可在配置vue.config.js当中查看(output)

  • 运行打包指令npm run build会直接构建

node_modules:npm加载项目的依赖模块

src:这里是我们要开发的目录,基本上要做的事情都在这个目录里。源码目录

  • main.js ---- 入口js文件

  • app.vue ---- 根组件

  • components ---- 公共组件目录

  • assets ---- 资源目录,这里的资源会被wabpack构建(放置一些图片,如logo等)

  • routes ---- 前端路由

  • store ---- 应用级数据(state)

  • views ---- 页面目录

types:一般存放ts配置文件,用于识别vue和jsx等类型的文件

static:静态资源目录,如图片、字体等,不会被webpack构建

config:配置目录,包括端口号等。初学可以使用默认的。

package.json:npm包配置文件,定义项目的npm脚本、依赖包等信息

README.md:项目的说明文档,markdown格式