从零搭建组件库文档

从零搭建组件库文档_第1张图片

https://github.com/youzan/vant/blob/main/packages/vant-cli/README.zh-CN.md

如果想官方权威,直接参考vant的git说明直接快速上手

1.创建项目,采用V3

1.快速方法:

yarn create vant-cli-app

2.手动安装:

npm i @vant/cli -D

安装完成后,请将以下配置添加到 package.json 文件中

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

安装完成后项目文件如下:

 从零搭建组件库文档_第2张图片

这样一个默认的组件库框架就搭建好了,你可以在src里面编写组件,dos文件下面写md使用文档,在vant.config中配置路由就能编写你自己的组件库

你可能感兴趣的:(前端)