Giter VIP home page Giter VIP logo

nuxt3-naiveui-starter's Introduction

Nuxt 3 + NaiveUI + Codestyle Starter

Live

Look at the Nuxt 3 and Naive UI documentation to learn more.

Tools and commands:

  1. ESLint
# check .ts,.js,.vue
npm run lint:eslint

# fix
npm run fix:eslint
  1. Prettier
# check .
npm run lint:prettier

# fix
npm run fix:prettier
  1. Stylelint
# check .scss,.vue
npm run lint:stylelint

# fix
npm run fix:stylelint
  1. Check All
npm run lint
  1. Fix All
npm run fix
  1. Commitizen. Using git-cz
npm run ct
  1. Husky .husky/pre-commit
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"

npm run lint:fix
  1. Husky .husky/pre-push
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"

# npm run build

UI

  1. Fonts vfonts npm
// assets/styles/main.scss

@forward 'vfonts/Lato.css';
@forward 'vfonts/FiraCode.css';
  1. Icons @vicons/ionicons5 xicons
<!-- Usage -->
<script
  lang="ts"
  setup
>
  import { CubeOutline as CubeOutlineIcon } from '@vicons/ionicons5'
  import { NIcon } from 'naive-ui'
</script>

<template>
  <n-icon>
    <cube-outline-icon />
  </n-icon>
</template>

Development Server

Start the development server on http://localhost:3000

yarn dev

Production

Build the application for production:

yarm build

Locally preview production build:

yarn preview

Check out the deployment documentation for more information.

nuxt3-naiveui-starter's People

Contributors

koskosovuch avatar dependabot[bot] avatar

Stargazers

avatar Johnnie Narvaez avatar avatar avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.