- 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
- Run npm install to provide required npm modules
- 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 accessingprocess.env
, only in build-time.process.env
is not available in run-time.
- Run
npm run build
- Use a build output from
/build
directory
- Run
npm run dev
- Visit
http://localhost:3000
(Automatically opens)
- Run
npm run test:watch
- If you need code coverage report, run
npm run test:coverage
- Initial simple ready-to-use version
- added Sass, Storybook support
TBD