20181120——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 显示的是当前路由地址所对应的内容

猜你喜欢

转载自blog.csdn.net/qq_36344771/article/details/84313363