/vue-multi-app-typescript

Vue multi application template, optimized from Vue CLI 3 typescript template.

Primary LanguageVueMIT LicenseMIT

vue-multi-app-typescript

Vue multi application template, optimized from Vue CLI 3 typescript template.

Project setup

yarn install

Compiles and hot-reloads for development

# mobile
yarn run serve-mobile

# pc
yarn run serve-pc

Compiles and minifies for production

# mobile
yarn run build-mobile

# pc
yarn run build-pc

Lints and fixes files

yarn run lint

Add Another App: pad

1. Modify the scripts filed in package.json

"serve-pad": "vue-cli-service serve --mode pad-dev",
"build-pad": "vue-cli-service build --mode pad-prod",
"build": "npm run build-pc && npm run build-mobile && npm run build-pad"

2. Add two .env files in your project root

  • .env.pad-dev:

    NODE_ENV=development
VUE_APP_PLATFORM=pad

  • .env.pad-prod:

    NODE_ENV=development
VUE_APP_PLATFORM=pad

3. Copy the pc folder and rename it to pad

4. Run

npm run serve-pad

npm run build-pad

npm run build

Code Formatter

Editor is VSCode, and install the following plugins: