1.0.0 • Published 6 years ago
vue-edit-view v1.0.0
vue-client-template
安装项目依赖插件
npm install
编译并调试开发项目
npm run dev
编译并发布项目
npm run build
启动测试
npm run test
整理和修复文件
npm run lint
启动单元测试
npm run test:unit
目录文件说明
├─dist 生产环境打包目录`npm run buil`
├─test 预发布环境(测试)打包目录`npm run test`
├─public 项目根目录 vuecli3构建基础模块--public
favicon.ico 浏览器项目图标
index.html 主页面,配置微服务接口和CDN服务接口地址
├─src 项目源码目录 vuecli3构建基础模块--src
│ App.vue 根组件
│ main.js 入口js
│
├─api 项目微服务接口目录
│ │
│ └─common_services 公用微服务接口目录(例如用户、部门、组织等)
│ │
│ └─data_services 数据资源微服务接口目录
│ │
│ └─resource_services 资源服务微服务接口目录
│
├─assets 项目公用资源目录(图片,ico)
│ │
│ └─css 公用样式文件夹
│ │ common.css 公用样式文件
│ │
│ └─imgaes 公用图片文件夹
│ logo.png 项目图标
│
├─commponents 项目公用组件目录
│ │
│ └─global 全局注册组件目录(在多页面或使用过于频繁)
│ │
│ └─local 局部引用组件,在VUE页面中通过Import引用组件
│ index.js 注册全局组件js
│
├─router 项目路由目录
│ index.js 路由主入口文件
│
├─store 项目vuex目录
│ │
│ └─modules 全局变量文件夹
│ userInfo.js 登录用户基本信息.js
│
│ getters.js 全局变量获取
│ index.js vuex主文件
│ mutation-types.js
│
└─views 项目页面模块目录
├─common 公用组件模块
│ 404.vue 公用组件404页面
│ TimeOut.vue 公用组件超时页面
│
│
├─home 首页模块
│
├─模块名称 模块名称,根据需求修改名称
│ ├─home 子模块文件夹组件
│ │ │
│ │ └─Home.vue 页面文件
│ │
│ ├─css 模块样式(建议存放到static或assets)
│ ├─js 模块逻辑js(建议存放到static或assets)
│ └─images 模块图片(建议存放到static或assets)
│
├─static 静态资源文件夹,只存放图片或JS文件
└─images 静态图片资源
├
├ .editorconfig editor 代码格式
├ .postcssrc.js postcss 配置
├ .eslintrc.js eslint 配置
├ .eslintignore eslint 需要忽略的文件配置
├ .gitignore git 上传需要忽略的文件配置
├ babel.config.js babel 配置
├ package-lock.json
├ package.json npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
├ README.md 项目开发帮助说明文档
├ vue.config.js 本地跨域代理
————————————————
1.0.0
6 years ago