项目作者: l-hammer

项目描述 :
🗳Yindou-Web&&App-Template using parcel bundler
高级语言: JavaScript
项目地址: git://github.com/l-hammer/YDTemplate.git
创建时间: 2018-01-05T12:47:01Z
项目社区:https://github.com/l-hammer/YDTemplate

开源协议:MIT License

下载












Yindou Web and App special development template~



Usage

This is a project template for ydt-cli.

  1. $ npm install -g ydt-cli
  2. $ ydt-cli init YDTemplate my-project

Quick start

Several quick start options are available:

  • Install dependencies with npm: npm install
  • App development run npm run start
  • App development use mock data run npm run dev
  • Web development run npm run start:web
  • Web development use mock data run npm run dev:web
  • Open web example run npm run dev:webeg
  • Open app example run npm run dev:appeg
  • Build run bash build.sh @param1 @param2 (@param1:web,app,webeg,appeg; @param2:--no-minify)
  • Move useless codes run python bin/mvuseless.py @param (@param:web,app,examples)
  • Open http://localhost:1234 in your browser.

What’s included

  1. YDTemplate/
  2. ├── bin/ // python脚本
  3. ├── autocopy.py // 🚚自动拷贝上线代码
  4. └── mvuseless.py // 🔥删除开发非相关代码for强迫症用户
  5. ├── configs/
  6. ├── meta.js // 🛠模板配置文件for ydt-cli
  7. └── init.ini // 🎉build配置文件
  8. ├── mock/
  9. ├── index.js // 🗳mock server
  10. ├── data.json // 🗄mock data
  11. └── util.js // 🤡mock API
  12. ├── server/
  13. └── index.js // 💡node proxy
  14. ├── src/
  15. ├── api/
  16. ├── config.js // 🛠axios配置
  17. └── index.js // 🎲业务API
  18. ├── assets/
  19. ├── normalize/
  20. └── index.scss // 🤖统一浏览器默认样式
  21. ├── basics/
  22. └── index.scss // 🙌base.scss
  23. ├── iconfonts/
  24. └── index.scss // 🔄内联字体&&字体图标
  25. ├── animation/
  26. └── index.scss // 🚥常用css动画
  27. ├── mixins/
  28. └── index.scss // 📚可重用的代码块@mixin
  29. ├── customs/
  30. └── app.scss // 💋自定义SCSS变量
  31. └── components/
  32. └── index.scss // 🎈常用组件样式@dialog @progress @records page @onepx-border
  33. ├── app.scss // app开发样式入口
  34. └── web.scss // web开发样式入口
  35. ├── examples/
  36. ├── web/ // web examples
  37. └── app/ // app examples
  38. ├── components/ // 💄常用UI组件(App)
  39. ├── icon/ // 图标
  40. ├── loading-bar/ // 进度条
  41. └── dialog/ // 对话框
  42. ├── app/ // SPA
  43. ├── template/
  44. └── index.tpl // build中间模板
  45. ├── mixins/ // 混入
  46. └── index.js // 功能复用模块
  47. ├── views/ // page
  48. ├── index.vue // 首页
  49. └── xxx.vue // 其它页
  50. ├── App.vue // 根组件
  51. ├── index.html // app 根页面
  52. ├── bus.js // 事件总线,非父子间通信
  53. ├── main.js // 入口文件
  54. ├── router.js // 配置路由
  55. └── template.tpl // 上线模板
  56. │── web/
  57. ├── index.html // web开发页
  58. ├── index.js // web开发脚本
  59. └── template.tpl // web上线模板
  60. │── vetar/ // 🤞极简版MVVM
  61. ├── dep.js // 观察指挥中心
  62. ├── index.js // MVVM:Vetar
  63. └── watcher.js // 订阅者
  64. └── utils/ // 🗃常用工具函数
  65. ├── arrayPull.js // 删除数组指定值
  66. ├── cookie.js // cookie
  67. ├── clone.js // 拷贝(Object, Array or Primitive)
  68. ├── date.js // 解析日期、日期格式化
  69. ├── deepClone.js // 深拷贝 (Object, Array, RegExp, Date or Primitives)
  70. ├── distinctValuesOfArray.js // 数组去重
  71. ├── fetch.js // ajax
  72. ├── initArrayWithRange.js // 初始化指定范围内的数组
  73. ├── preloadimages.js // 图片预加载
  74. ├── scrollToTop.js // 返回顶部
  75. ├── shuffleArray.js // 随机排列数组
  76. ├── store.js // localStorage
  77. ├── viewType.js // 判断数据类型
  78. └── wxShare.tpl // 微信分享
  79. ├── clearcache.sh // ♻️清除缓冲
  80. ├── build.sh // 📦打包
  81. ├── init.sh // 🎉初始化项目
  82. └── push.sh // 🔥强烈建议使用此脚本替换git push

Technology

  • App Vue 2.x + Axios
  • Web jQuery + Handlebars

Browser Support

  1. last 10 versions
  2. IE 8
  3. iOS 7

" class="reference-link">Contributing PRs

  • :fork_and_knife:Fork it!
  • :twisted_rightwards_arrows:Create your branch: git checkout -b new-branch
  • :wrench:Make your changes
  • :memo:Commit your changes: git commit -am 'Add some feature'
  • :rocket:Push to the branch: git push origin new-branch
  • :tada:Submit a pull request

License

MIT © 2018 LHammer

FOSSA Status