一、Vue2文件作用详解

  • build文件夹内的文件时webpack资源模块化打包的核心配置文件，包括生产环境资源打包、测试环境资源热更新服务、npm及nodejs版本检查文件、vue文件处理等配置
  • config文件夹内的主要是一些生产测试环境变量相关的配置如：静态资源打包路径、测试环境服务端口、host等信息
  • src文件夹主要存放源文件代码，如js文件、vue文件
  • src/assets用于存放静态资源文件，如css文件、图片文件等，是开发工作的核心目录
  • static文件夹是webpack默认存放静态资源(css、image)的文件夹与src/assets不同的是：static文件夹内容在打包时会直接复制一个同名文件夹到dist文件夹里，不会参与webpack编译过程
  • dist文件夹是资源模块化打包结果文件夹，在资源打包后会自动创建，生产环境上线发布就是这个文件夹的内容
  • node_modules文件夹是第三方类库安装目录，通常不需要开发人员手动修改
  • .babelrc是js文件编译兼容性配置文件
  • .editorconfig是IDE开发工具配置文件
  • .gitignore是git文件版本管理工具忽略文件配置
  • .postcssrc.js主要是css浏览器兼容性处理
  • package.json是前端项目配置文件，比如一下项目的启动、打包脚本、第三方依赖类库版本信息等都是在这个文件中。package.json.lock是npm安装具体第三方类库版本锁定信息，只能查看不能修改

  • README.md以mackdown语法描述项目信息

    二、Vue2路由配置步骤

  • 引入VueRouter插件

  • 定义路由规则的数组
  • 创建VueRouter对象

  • 导出VueRouter对象

    三、Vue3src文件夹说明

  • asserts文件：用于存放静态资源，如css文件、image文件

  • components文件夹：用来cunfang.vue单文件组件
  • router文件夹：用来存放前端页面路由配置信息文件
  • store文件夹：用来存放vuex状态保持文件
  • App.vue：项目的主组件，所有的vue组件都是该组件的子组件或者后代组件
  • main.js：项目全局文件入口

    四、Thymeleaf、FreeMarker、Velocity百度指数对比

    image.png