前端框架Vue（4）——vue-cli 目录结构

1、vue-cli 项目结构图2、目录分析目录/文件说明bulid项目构建的一些 js 文件config配置文件项，index.js 比较重要，打包上线需要修改配置dist项目打包后的文件node_modulesnpm安装包位置src项目的开发目录assets:图片、字体等资源components:公共组件部分config:开发分支和生产分支的切换配置，以及 fetch.js 对于前

JesusAllen30

5454人浏览 · 2017-04-05 10:32:18

JesusAllen30 · 2017-04-05 10:32:18 发布

1、vue-cli 项目结构图

这里写图片描述

2、目录分析

目录/文件	说明
bulid	项目构建的一些 js 文件
config	配置文件项，index.js 比较重要，打包上线需要修改配置
dist	项目打包后的文件
node_modules	npm安装包位置
src	项目的开发目录 assets:图片、字体等资源 components:公共组件部分 config:开发分支和生产分支的切换配置，以及 fetch.js 对于前后台数据交互的封装 plugin:第三方插件 views:页面部分 server:ajax、axios等请求数据集中处理 router：路由 store：状态管理 App.vue:项目入口文件，我们也可以直接将组建写这里，而不使用 components 目录 main.js:项目的核心文件
index.html	html文件
test	测试项目，可删除
package.json	项目配置项文件

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^