vue项目初始文件目录结构介绍

206 阅读1分钟

image.png

node_modules 第三方包的存储目录(包括通过npm安装的包)

public 静态资源目录, 在打包时会直接复制到dist目录中, 而不会经过webpack的处理.

src 代码都放在src目录下

  • assets 资源目录, 比如图片
  • components 用来放置公共组件
  • router 路由
  • store vuex的功能, 保存vuex的容器模块
  • views 视图存储目录, 路由相关组件存储的位置

App.vue 根组件, 最终会被渲染到public/index.html中

main.js 入口文件, 引入并创建了vue, router, vuex; 对vue进行配置和挂载

.browserslistrc 当前项目设置的目标浏览器的范围

.editorconfig 编辑器配置

.eslintrc.js eslint的相关配置

.gitignore git用来忽略管理的一些文件

babel.config.js babel的配置文件

package-lock.json 用来记录相关包的版本号

package.json 依赖信息

README.md 帮助文件