All Projects → JinwenXie → Vue Ele Project

JinwenXie / Vue Ele Project

Vue novice project Eleme

Labels

vue-ele-project

环境参数

  • 环境配置:不限
  • CSS预处理: Stylus
  • JS: ES6
  • 代码风格检查工具: ESLint
  • Node.js: v8.11.0+
  • Vue.js: v2.5.17+
  • Vue-cli: v3.0+
  • 组件库: cube-ui v1.12.3

执行步骤

cd vue-ele-project/code // 进入文件

npm install // 安装依赖

npm run serve // 开发环境编译
生产环境编译
npm run build

目录结构

vue-ele-project/code
│  .browserslistrc
│  .editorconfig
│  .eslintrc.js
│  .gitignore
│  babel.config.js
│  data.json
│  output.js
│  package-lock.json
│  package.json
│  postcss.config.js
│  prod.server.js
│  tree.txt
│  vue.config.js
├─public
│      favicon.ico
│      index.html
└─src
    │  App.vue
    │  cube-ui.js
    │  main.js
    │  register.js
    │  theme.styl
    ├─api
    │      helpers.js
    │      index.js
    ├─assets
    │      logo.png
    ├─common
    │  ├─fonts
    │  │      sell-icon.eot
    │  │      sell-icon.svg
    │  │      sell-icon.ttf
    │  │      sell-icon.woff
    │  ├─js
    │  │      storage.js
    │  ├─mixins
    │  │      popup.js
    │  │      rating.js
    │  └─stylus
    │          base.styl
    │          icon.styl
    │          index.styl
    │          mixin.styl
    │          variable.styl
    └─components
        ├─bubble
        │      bubble.vue
        ├─cart-control
        │      cart-control.vue
        ├─food
        │      food.vue
        ├─goods
        │      goods.vue
        ├─header-detail
        │      header-detail.vue
        ├─rating-select
        │      rating-select.vue
        ├─ratings
        │      ratings.vue
        ├─seller
        │      seller.vue
        ├─shop-cart
        │      shop-cart.vue
        ├─shop-cart-list
        │      shop-cart-list.vue
        ├─shop-cart-sticky
        │      shop-cart-sticky.vue
        ├─split
        │      split.vue
        ├─star
        │      star.vue
        ├─support-ico
        │      support-ico.vue
        ├─tab
        │      tab.vue
        └─v-header
                [email protected]
                [email protected]
                [email protected]
                [email protected]
                v-header.vue
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].