Project setup
yarn install
Compiles and hot-reloads for development
yarn serve
Compiles and minifies for production
yarn build
Lints and fixes files
yarn lint
Folder structure
- src
- assets: static files like images, audios, etc.
- components: reusable components
- router: navigation routers
- store: vuex store states
- views: web pages
- plugins: plugin libraries
Connect to local backend API server
If you want to connect to local backend api server for development, update devServer.proxy
property in vue.config.js
file.
There are 2 pages for the demo app:
-
Shopping cart page In the shopping cart page user can see product price and change purchase quantity. Click Paypal Checkout button to start the checkout process.
-
Checkout result page After checkout process completes, user will be redirected to the result page to see the checkout result.