一.前言
基于前两天的学习我想大家都已经搭建起来了自己的vue项目,从今天开始我们就来开始为正式的学习开始做准备
可以看见在helloworld里面共有4个文件夹,分别为1..vscode 2.node_modules 3.public 4.src(重点)
二.非重点文件夹(除了src文件夹,其他文件夹在开发时使用的不多,也可以说编译时不用使用)
对于vscode和node_modules文件夹(存放npm命令下载的开发环境依赖包)不需要清楚里面是干嘛的,只需要知道里面引入了一些配置和拓展文件包,我们第二天所引入的boost就是因为引入在了node_modules才可以使用。public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件中的静态资源,webpack进行打包时回原封不动的放在dist文件夹中。
三.重点文件夹src(程序员源代码文件夹)
由下图看见在src文件夹下面又有5个文件夹,我们来具体聊聊它们是干嘛的
1.assets文件夹 : 放置静态资源(如:css文件或图片)
2.components是放组件的,下图的lead.vue和commander.vue是我主页的子页面,用于子路由
3.router是定义路由相关的配置;
4.store文件夹是管理vuex管理数据的位置模块化开发,全局getters(不进行详细了解)
5. views 视图所有页面(正常就是在这里进行网页编写)
6.其他文件:
App.vue 入口页面 根组件
main.js 入口文件 加载组件 初始化等
render 挂载组件
babel.config.js:配置文件(babel相关) 兼容
package.json:纪录依赖,项目怎么运行
package-lock.json:缓存性依赖
README.md 说明性文件
结尾:看了这么多要是还不知道重点在那的话怎么也得知道在views文件下写程序吧,如果知道了问题就不大了