https://github.com/wizardpisces/vue-cli-plugin-klkspa

Vue CLI 3 plugin for klook ts spa
https://github.com/wizardpisces/vue-cli-plugin-klkspa

cli deploy spa typescript vue

Last synced: 4 days ago
JSON representation

Vue CLI 3 plugin for klook ts spa

• Host: GitHub
• URL: https://github.com/wizardpisces/vue-cli-plugin-klkspa
• Owner: wizardpisces
• Created: 2018-11-23T04:10:07.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-08-07T10:20:30.000Z (over 4 years ago)
• Last Synced: 2025-02-12T22:37:10.826Z (8 days ago)
• Topics: cli, deploy, spa, typescript, vue
• Language: TypeScript
• Size: 50.8 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-cli-plugin-klkspa

Vue CLI 3 scalfold plugin for klook typescript spa  ( node v8+ )

## Feature

* axios wrapper

* auto online deployment

* i18n integrated

* svg sprite

* basic utils and css

* ts store prototype

## How to Use

You need Vue CLI 3 installed globally as a pre-requisite. If you don't have it, please run

```

npm install -g @vue/cli

```

 use vue-cli3 choose feature : babel ,typescript , router, vuex, css-Preprocessor( sass ):

```

vue create ${project_git_name}

```

```

vue add klkspa

```

## Deployment

add project git name so it can auto-generate deploy.sh for your online deployment,use 

```

cd /srv/builds/{project_git_name} && sh deploy.sh origin/master

```

[more server configuration](https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations) 

## other explanation:

1. theme color change modify @/assets/scss/variable.scss

2. add node to tsconfig.json types:

```

"types": [

    "webpack-env",

    "node"

],

```