HandsUP - Buyer

Environment variables

This project can be developed against the following environments:

• local: NODE_ENV=development; VUE_APP_STAGE=development
• dev-stage: NODE_ENV=production; VUE_APP_STAGE=development
• uat-stage: NODE_ENV=production; VUE_APP_STAGE=staging
• prod-stage aka production: NODE_ENV=production; VUE_APP_STAGE=production

IMPORTANT: The build scripts in package.json use the vue-cli-service build --mode to choose the environment file .env.{mode}. Then the .env.{mode} will override the NODE_ENV and VUE_APP_STAGE environment variables when compiling.

Pick an environment you want to develop against. Make sure the key value of .env.development.local is setup properly before hosting up the application. Make sure VUE_APP_API_URL is using the correct values to that of the environment you picked.

Project setup

make init

Download i18n files

make lang

Download dirty word json

make dirty

Compiles for development

yarn serve

Compiles and hot-reloads for development

yarn serve --host handsup.test --https true --port 8081

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Run your unit tests

yarn run test:unit

Customize configuration

See Configuration Reference.

folder structures

global

src
  - api
  - components
  - constants
  - store
  - utils

non global

views
  - components
  - services
    - apis
    - store
  - utils
  - SomeViews (nested view)
    - components

備註：

• 如果 components / api / store /utils 有不同 views 共用的話，就要拉到 global 層級。
• global component 須為 functional，不該有 api / store，最好有 story。