20181120——Vue项目初构建

vue

需要有node.js的环境，还需要npm的包管理下载

利用下载好，Vue—cli，然后进行对项目初始化

vue init webpack

下面讲解一下项目结构

package.json存放这大多数依赖，当你下载一个项目的时候，需要根据这些依赖来进行npm install

package-lock.json 是来确定你安装的版本

index.html项目默认的首页模板文件

static存放着静态资源

node_modules 项目存放着真实的依赖包

src存放着我们项目所有的源代码

main.js使我们的入口文件

App.vue是我们的根组件

项目里所有的路由的都存放在router中index.js

components存放着我们要使用的小组件

assets存放着我们的图片

config这个项目的配置信息

index.js基础配置信息

dev.env.js项目配置信息

线上的配置信息，存放在prod.env.js信息中

build目录中

webpack配置的内容基础的webpack配置项

Vue文件由三部分组成叫单文件组件

template script style

路由:就是根据网址的不同，返回不同的内容给用户

router-view 显示的是当前路由地址所对应的内容