This website is written using Nuxt.js
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm run start
# generate static project
$ npm run generate
For detailed explanation, check out Nuxt.js docs.
Copy .env.example
rename to .env
and fill in the variables.
- Use 2 spaces as indentation
- Logical variable names
Minimize the use of css. Make good use of BootstrapVue or Bootstrap instead for non-complexed designs.
If you are unfamiliar with Bootstrap, this is the documentation for Bootstrap 4 and the documentation for BootstrapVue
- Define CSS only at
layouts
andcomponents
- Only define CSS classes when necessary and try make them re-usable
- Use rem for sizing
Pages can only include components. For example:
mypage.vue (~/pages/mypage.vue)
<template>
<div>
<div>
<component1 />
</div>
<div>
<component2 />
</div>
</div>
</template>
Make re-usable components.
Create a folder with the same name as the page under components
and locate your component in there.
For example:
mycomponent.vue
is a component for the page mypage.vue
.
Then locate mycomponent.vue
in ~/components/mypage/mycomponent.vue