/vue-vuetify-eslint-babel-stylelint-integration

This template includes axios, babel, dayjs, nuxt, eslint, stylelint, vuetify and vue2

Primary LanguageVue

Vue + Vuetify Integrated Template 整合模板

CocktailsLogo

Table of Contents

About this project

This template includes the following packages:

這模板整合了以下套件

  • Vue 2 - The Progressive JavaScript Framework.
  • Vuetify - Vuetify is a Vue UI Library with beautifully handcrafted Material Components.
  • Dayjs - Fast 2kB alternative to Moment.js with the same modern API
  • Babel Compiler - Use next generation JavaScript, today.
  • ESLint - Find and fix problems in your JavaScript code
  • Stylelint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
  • Axios - Promise based HTTP client for the browser and node.js

Prerequisites

請先安裝好 Node.js 環境

This Demo project is running on Node.js (12.20.0), NPM (6.14.9) while testing.

Clone / Download

  1. Clone this repository to your local machine
  2. Start your development :)
$ git clone https://github.com/andy922200/vue-vuetify-eslint-babel-stylelint-integration.git

Related Scripts

1. Enter the project folder

> Open a new terminal window and enter the folder
$ cd <project folder>

2. Install packages via npm

$ npm install

3. Compiles the webpack for development

$ npm run serve // port:8080

4. Fix the coding style automatically ( js / html )

$ npm run format

5. Check the css coding style

$ npm run check-css

6. Fix the css coding style automatically

$ npm run format-css

Related Articles

If you would like to read the essential details, please read the following posts on my blog. ( Traditional Chinese Only )

Author