0.1.0 • Published 5 years ago

@zooj/img-viewer v0.1.0

Weekly downloads
-
License
-
Repository
-
Last release
5 years ago

版本要求:

  • node =>8.0
  • npm >=5.6
  • vue >=2.5
  • webpack >=4.0

PreInstall:

如果安装了vue-cli,要先卸载,运行代码:npm uninstall vue-cli -g

npm install webpack -g
npm install webpack-cli -g
npm install @vue/cli -g
npm install @vue/cli-service -g
npm install @vue/cli-service-global -g
npm install @vue/cli-init -g

项目目录说明

|--root
|   |--dist  //存放bulid后的文件
|   |--public //相当于静态资源,不通过webpack打包,原来老版本的statics
|   |   |--favicon.ico //项目icon,浏览器标题栏的图标
|   |   |--index.html //项目入口html,打包时,js css 等资源会自动插入到这个文件
|   |--src 源码部分
|   |   |--assets //项目资源,会通过webpack打包压缩
|   |   |--components //组件
|   |   |--config //项目配置文件 eg:api等
|   |   |--routerInfo //模块路由信息,供路由入口调用
|   |   |--storeInfo //vuex 模块状态信息,供状态管理入口调用
|   |   |--style //项目样式文件  eg:common.less
|   |   |--tools //项目工具,用于存放通用工具方法
|   |   |--views //视图,本质上都是*.vue文件,与通用组件区分
|   |   |--App.vue //顶层vue入口
|   |   |--main.js //项目入口,webpack从该文件入手
|   |   |--router.js //路由入口文件
|   |   |--store.js //vuex 入口
|   |--tests 单元测试部分
|   |   |--unit
|   |   |   |--server 后台测试部分,主要测试接口
|   |   |   |--client 前端测试部分,主要测试模块功能、数据交互等
|   |--package.json //项目依赖包管理,babel、postcss 配置也在该文件内
|   |--vue.config.js//项目配置入口,删掉此文件项目也可以运行,@vue/cli-service 有一套默认配置,具体配置方法参考:
https://cli.vuejs.org/config/#vue-config-js

commonfe

需要自己引用项目需要的其他模块,比如mockjs,axios,element-ui,vuetify等等

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit