Grupo Tesseract Institutional Site
Tools
Features
- Powerful Routing System with Asynchronous Data
- Bundling and minifying of your JS & CSS
- Pre-processor: Sass, Less, Stylus, etc
- Deploy on Google Cloud
- Device Width Breakpoints: 360px, 600px, 960px, 1264px, 1904px +
- Server Side Rendering
- ESLint and Prettier
- Progressive Web App
Installation
Install Yarn: yarnpkg.com/lang/pt-BR/docs/install/#debian-stable
Develop Setup
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn run dev
Access: http://localhost:3000
Build Setup
# build for production and launch server
$ yarn run build
$ yarn start
# generate static project
$ yarn run generate
VSCode Configuration
Install Prettier - Code formatter and ESLint VSCode Extensions.
Add the following configuration on your settings.json file.
{
"eslint.validate": [
{
"language": "vue",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
},
{
"language": "javascriptreact",
"autoFix": true
}
],
"eslint.autoFixOnSave": true,
"editor.formatOnSave": false,
"vetur.validation.template": false
}