Not yet complete!!!
- Full TypeScript support (including Vuex)
- Efficient coding with Pug and Stylus
- Static analysis and automatic format by ESLint
- Indicator of component division by AtomicDesign
- Efficient build by webpack setting
- Nuxt.js
- Default is SSR
- Router
- Vuex
- TypeScript
- Client / Server
- HTML template engine
- Pug
- CSS Pre-Processors
- Stylus
- Linter / Formatter
- ESLint
- Prettier
- API Server
- Express
- like BFF
- Unit Test
- Jest
- TypeScript full support(client /server side)
- nuxt-property-decorator
- Component & TypeScript
- SFC(single-file-component) Style
- Pug as a HTML template engine
- Rewriting vue's initial template using pug and stylus
- Auto Format CSS to Stylus
- Auto Sort Stylus Property
- vuex-module-decorators
- Great decorators that can type check in Vuex store
- Sample module ~/store/
- championswimmer/vuex-module-decorators.
- Auto Lint on save
- Atomic Design to separate the components, but it's not that exact
- Template element is not implemented
- Vue: Based on official Style Guide
- TypeScript: Based on unofficial Style Guide (TypeScript Deep Dive)
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
- 2 spaces per indentation
- Nuxt Basic Setup
- Install ESLint/Pretter
- Setup ESLint
- Setup Prettier
- Setup Vue/Vetur basic Linter/Formatter
- LintOnSave(VSCode)
- Install TypeScript
- Setup tsconfig.json
- Client Side
- Server Side
- Setup tsconfig.json
- Install CSS Pre-Processors
- Install Stylus or Sass
- Setup Format
- Setup Lint
- Add Global Style File
- Install Stylus or Sass
- nuxt-property-decorator (class-style-component)
- Install HTML Template Engine (Pug)
- Install vuex-module-decorators
- Setup Basic Vuex store
- Setup Atomic Design
- Rewrite Sample Component
- Add Script to package.json
- Report/Modern Build
- Jest Test
- Add basic test
- SnapShot
- Vue component
- Vue component method
- Vuex
- State
- Mutation
- Action
- MutationAction
- Add basic test
- Add .vscode file
- settings.json
- Reccomend Extentions
- Write Readme.md
- Coding style Guide
- Snippets
- Build Setup
- Setup Webpack
- Purge CSS
- Setup Express
- Create Simple API
- Setup Layered Architecture
- Create asyncData Sample
- Setup OGP
# install dependencies
$ npm run install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm run start
# build for production including modern bundle
$ npm run build:modern
# Generate report.html to help analyze bundle content
$ npm run report
# Run Lint and Auto fix format
$ npm run Lint
$ npm run Lint:fix
# generate static project
$ npm run generate
For detailed explanation on how things work, check out Nuxt.js docs.