美文网首页我爱编程
vue学习二、vue运行原理及路由配置

vue学习二、vue运行原理及路由配置

作者: 徐卫华的前端笔记 | 来源:发表于2018-08-09 13:22 被阅读0次

安装好脚手架后,面对一排文件夹和文件是不是很懵逼?这一推破玩意儿是啥啊,它是怎么运行的呢?我们开始时怎么入手呢?这个笔记解决这个问题。

一、一级目录结构:看图说话

从上到下的一级目录或文件分别是:

build    项目构建(webpack)相关代码

config    配置目录,包括端口号等。我们初学可以使用默认的。

node_modulesnpm    加载的项目依赖模块

src    这里是我们要开发的目录,基本上要做的事情都在这个目录里。

static    静态资源目录,如图片、字体等。

test    初始测试目录,可删除

四个.xxxx文件    这些是一些配置文件,包括语法配置,git配置等。

index.html    首页入口文件,你可以添加一些 meta 信息或统计代码啥的。重要,等会讲解

package.json    项目配置文件。

README.md    项目的说明文档,markdown 格式

二、运行方式

分别介绍上图中,黄色箭头标注的四个文件

1、index.html(这是首页入口文件,所有东西从此进入)内容如下:

严重吐槽:简书竟然不能粘贴html代码,这是要逼死狗吗?好吧,我不写的!TMD!!!!!!

相关文章

  • vue学习二、vue运行原理及路由配置

    安装好脚手架后,面对一排文件夹和文件是不是很懵逼?这一推破玩意儿是啥啊,它是怎么运行的呢?我们开始时怎么入手呢?这...

  • 手写 Vue Router、手写响应式实现、虚拟 DOM 和 D

    Vue-Router 原理实现 一、Vue-Router 动态路由 二、Vue-Router 嵌套路由 三、Vue...

  • Vue路由

    一、Vue路由基础用法: 二、Vue路由配置的抽出 三、路由动态传值: 四、路由的跳转方式: 五、路由的hash模...

  • vue总结

    vue路由守卫 vue实现双向绑定原理 Vue生命周期: vue跨域方式 vue-router实现原理 vue-r...

  • 最近的学习方向

    vue问题 vuex学习、vue-router路由管理、vue3学习 js学习 js原理机制、es6规范、一些常用...

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • 一起学Vue:路由(vue-router)

    前言 学习vue-router就要先了解路由是什么?前端路由的实现原理?vue-router如何使用?等等这些问题...

  • vue路由的介绍(二)--vue动态路由和get的传值

    vue动态路由和get的传值---->同属于路由的传参 1,vue动态路由: 动态路由的配置: ①,在配置路由时加...

  • Vue 基础 - 前端路由

    使用vue-router实现前端路由 安装vue-router: 配置路由文件,并在vue实例中导入: 设置视图(...

  • vue路由配置、跳转、传参

    一、vue路由 1、路由配置文件 (1)在router.js中导入Vue和VueRouter (2)Vue调用Vu...

网友评论

    本文标题:vue学习二、vue运行原理及路由配置

    本文链接:https://www.haomeiwen.com/subject/cgiqbftx.html