1. @tzui/cli
Tzui Cli is a Vue component building tool. Through Tzui Cli you can easily create a set of fully featured Vue components。
@tzui/cli
Package: @tzui/cli
Last modified: Thu, 07 Apr 2022 09:03:24 GMT
Version: 3.11.14
License: MIT
Downloads: 2

Install

npm install @tzui/cli
yarn add @tzui/cli

Tzui Cli

Tzui Cli is a Vue component building tool. Through Tzui Cli you can easily create a set of fully featured Vue components。

Advantage

  • Provide a big set of commands, covering the complete process from development and testing to build and release
  • Best practice code structures and docs generation
  • in-built ESlint、Stylelint code check
  • Component library supports on-demand introduction by default、theming、Tree Shaking

Quick Start

Create a project using Tzui Cli

 yarn create tzui-cli-app

install manually

 # npm
npm i @tzui/cli -D

#  yarn
yarn add @tzui/cli --dev

after install, please add the following content to package.json file

 {
  "scripts": {
    "dev": "tzui-cli dev",
    "test": "tzui-cli test",
    "lint": "tzui-cli lint",
    "build": "tzui-cli build",
    "prepare": "husky install",
    "release": "tzui-cli release",
    "build-site": "tzui-cli build-site"
  },
  "lint-staged": {
    "*.md": "prettier --write",
    "*.{ts,tsx,js,vue,less,scss}": "prettier --write",
    "*.{ts,tsx,js,vue}": "eslint --fix",
    "*.{vue,css,less,scss}": "stylelint --fix"
  },
  "eslintConfig": {
    "root": true,
    "extends": ["@tzui"]
  },
  "stylelint": {
    "extends": ["@tzui/stylelint-config"]
  },
  "prettier": {
    "singleQuote": true
  },
  "browserslist": ["Chrome >= 51", "iOS >= 10"]
}

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin