Vue项目-1项目初始化

目录

1 项目代码结构

主要文件：

2 单文件组件与路由

3 单页应用、多页应用

---

1 项目代码结构

 

主要文件：

README：项目说明文件

package.json：项目依赖文件

index.html：首页模板文件

.gitignore：里面的文件不会被提交到git仓库

static目录：静态资源、模拟json文件

node_modules：node依赖包

src目录：项目源码：

main.js：项目入口文件；

App.vue：根组件；

router目录：index.js：项目路由；

components目录：项目组件；

assets目录：项目中用到的图片类资源；

config目录：项目配置文件

build目录：项目打包的webpack配置内容

2 单文件组件与路由

单文件组件：.vue

<template>

</template>

<script>

</script>

<style>

</style>

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

3 单页应用、多页应用

多页应用：通过返回HTML进行页面跳转

优点：首屏时间快，SEO搜索引擎优化效果差

缺点：页面切换慢

单页应用：通过JS渲染进行页面跳转

优点：页面切换快

缺点：首屏时间慢，SEO搜索引擎优化效果差

注：文件末尾或文件中可能出现空行错误

注：300ms点击延迟问题现已不用解决（不用引用fastclick库）

出现的一些问题：

git push推送不成功，出现：

 原因应该是线上readme.md文件出错，按如下博文强制提交后解决问题：

【Git】Git推送问题，使用命令git push origin 提交代码时出现问题：The current branch master has no upstream branch._彡没头脑的博客-CSDN博客

注：本笔记内容部分整理自慕课网教程。