【2020년】Nuxt.js & Typescript & ESList 로 작성하는 보일러 플레이트는 이것으로 좋을 것!

📗 설명



Nuxtjs · Typescript를 이용한 보일러 플레이트입니다.

샘플 기능


  • 인증
  • 입력 양식
  • 차트 표시
  • 이미지 회전 목마
  • 오버레이

  • 디렉토리 구조


    .
    ├── src (Nuxt関連のソースファイル)
    │    ├── @types
    │    ├── assets
    │    ├── common
    │    ├── components
    │    ├── interfaces
    │    ├── middleware
    │    ├── pages
    │    ├── plugins
    │    ├── static
    │    ├── store
    │    ├── test
    │    └── utilities
    ├── .babelrc (Babel設定ファイル)
    ├── .vscode (VSCode設定ファイル)
    ├── jest.config.js
    ├── nuxt.config.ts
    ├── package.json
    ├── tools (サーバー起動用モジュール)
    └── tsconfig.json
    

    🖊️ 사용하는 기술


  • Nuxtjs 2.12.2
  • Typescript
  • ESLint
  • Jest
  • VueChart
  • AdminLTE3

  • 🌐 데모





    📦 설치 방법


    $ cd /path/to/nuxtjs-typescript-boilerplate
    $ nodebrew install v13.13.0
    $ node install -g yarn
    $ yarn
    

    💬 사용법


    $ cd /path/to/nuxtjs-typescript-boilerplate
    # サーバーサイドを起動する(認証機能で利用)
    $ node ./tools/server.js
    # クライアントサイドを起動する
    $ yarn run dev
    

    연결 대상 정보



    테스트 사용자 st @ mp ぇ. 이 m/password


    연결 대상
    URL


    DEMO 화면
    http://localhost:3000/


    🔗 참고




    프로젝트
    개요


    공식 문서 - Nuxt.js
    공식 문서 - Nuxt.js

    공식 문서 - TypeScript
    공식 문서 - TypeScript

    직장에서 바로 사용할 수 있는 TypeScript
    직장에서 바로 사용할 수 있는 TypeScript

    AdminLTE Docs
    AdminLTE Docs

    Bootstrap4 한국어 참조
    Bootstrap4 한국어 참조

    아이콘(fontawesome)
    아이콘(fontawesome)


    🎨 소스 코드

    좋은 웹페이지 즐겨찾기