• Library used
• Directory Structure
• Preparation
• How to use
• Update Logs
• Appendix

• Vue.js v2.6
• Vuex
• Vue Router
• Sass
• Jest /w vue-test-utils
• Webpack & Babel
• Storybook v6

/
|- .storybook     : Configuration files for Storybook
|- configs/       : Configuration files for compile, build
  |- env/         : Environment variables (User-defined `.env` file goes here)
|- src/
  |- components/  : Re-usable Vue component codes
  |- directives/  : Custom directives for elements
  |- mixins/      : Re-usable Vue logics
  |- pages/       : Page codes which composes a single view
  |- router/      : Vue Router logics
  |- store/       : Vuex store logics
  |- index.html   : Base HTML file
  |- main.js      : Vue entry code
  |- App.vue      : Root Vue component
|- tests/         : Custom unit tests

1. Run npm install to provide required npm modules
2. Go to /config/env and make .env file for your project

You can inject your custom environment variables in your project.

The .env file should be located in /config/env directory.

The project will inject { __NOT_USED__: undefined } environment variable as process.env object if you don't generate .env file, which means .env file is not a mandatory part of your project.

CAUTION: You can access your predefined .env's values only by accessing process.env, only in build-time. process.env is not available in run-time.

1. Run npm run build
2. Use a build output from /build directory

1. Run npm run dev
2. Visit http://localhost:3000 (Automatically opens)

1. Run npm run test:watch
2. If you need code coverage report, run npm run test:coverage

• Initial simple ready-to-use version

• added Sass, Storybook support

TBD