这只是一个基础的目录结构,根据项目的复杂性和规模,可能会有所不同。
node_modules 项目依赖文件,其中包括很多基础依赖和自己安装的依赖。
public 存放公共资源和项目的主入口文件index.html。
src 项目核心文件夹:包括项目源码,各种静态资源等等。
App.vue 是项目的根组件
main.js 是入口JavaScript文件
配置文件如.babelrc,.eslintrc.js,vue.config.js
build 构建脚本目录
dist 项目构建打包后的默认输出目录。
package.json 项目的基本配置信息文件,包括各种插件,依赖以及某些依赖的详细配置等
test 选装了测试模块(Unit Testing / E2E Testing)才会有的文件夹 main.js 文件是一个很重要的文件,是浏览器解析最先加载的入口文件。主要功能是通过import的方式导入各种资源,然后新建了一个vue实例。
src / assets 文件夹内保存的是各种静态资源,比如css、img、js、font等。
src / components 这里定义的组件都属于公共组件,任意的Vue页面中都可以(多次)调用。
src / plugins 项目开发过程中,手动安装过插件而产生的。比如我这里安装了axios
src / store store文件夹是你选配了Vuex之后才会有的文件,主要用于项目内某些状态的保存。比如state、mutations、actions、getters、modules等。
src / router 单页面应用中,路由是指:根据不同的链接展示不同的页面视图,可以来回切换。App.vue文件的变化:不再直接调用公共组件了,而是引用了< router-view/>路由。
src / views views文件夹内存放的是视图组件。选配了Vue Router的新建项目,都会默认有以下两个视图组件:Home.vue About.vue