大白话讲解Vue项目结构

一：讲解环境

Win10、IDEA2019、Vue3

二：讲解环节

笔者用vue ui创建了一个vue的初始项目。
项目结构如下：

— node_modules作用：整个项目里用到的依赖的文件。
— public作用：公用的目录。
— src作用：项目的源码目录。
— assert作用：专门放资源的文件目录。
— components作用：组件目录。
— router作用：路由的目录。
— views作用：页面目录。
— App.vue作用：Vue项目的主组件，页面入口文件，所有页面都在App.vue下进行切换的，负责构建定义及页面组件归集。
— main.js作用：整个程序的入口。（Vue.config.productionTip = false这个是关闭浏览器的开发环境的提示。）
— .gitignore作用：git的忽略文件。
— babel.config.js作用：web的配置文件。将es6的语法转化为es5。因某些浏览器（比如ie浏览器）无法使用es6而出现。
— package.json作用：整个项目的配置文件。dependencies的是正式环境的，devDependencies的是开发环境的。
— package-lock.json作用：锁定安装依赖时的版本并上传到git上，确保其他人下载时依赖版本一致。
— README.md作用：项目说明文件。