vue学习的第三天——聊聊vuecli的文件夹

一.前言

基于前两天的学习我想大家都已经搭建起来了自己的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文件下写程序吧，如果知道了问题就不大了