基于vue-next的一套PC端前端UI组件库
.
├─ README.md
├─ package.json
├─ docs # 组件使用文档
│ └─ button.md
├─ packages # 组件源码
│ ├─ button # 单组件
│ │ ├─ src
│ │ │ └─ button.vue
│ │ └─ index.js
│ └─ index.js # 全部组件入口
├─ public
│ ├─ img
│ │ └─ icons # 存放pwa 图标
│ ├─ favicon.ico
│ ├─ index.html
│ └─ robots.txt
├─ src # demo样式
│ ├─ components # 存放单元组件使用Demo
│ ├─ App.vue
│ └─ main.ts
├─ styles # 组件样式
│ ├─ common
│ │ ├─ _var.scss # 全局scss变量
│ │ └─ xxx.scss
│ ├─ mixin # 混合
│ │ └─ xxx.scss
│ └─ button.scss # 组件单样式
└─ tests
└─ utils # 单元测试
└─ xx.spec.ts # xx模块测试文件
node
: 8.9+ (推荐 10+)npm
: 6+
Vue CLI requires Node.js version 8.9 or above (v10+ recommended). You can manage multiple versions of Node on the same machine with n, nvm or nvm-windows.
本项目是使用vue-cli搭建项目框架,需要用vue3,得先把vue-cli的版本升级到vue-cli@4.5
以上:
npm install -g @vue/cli
因为不更新版本直接install,会报vue-loader-v16相关的错。但是这个问题在vue-cli@4.5.1修复了。所以推荐更新的到最新版~
npm install
因为服务启动后需要访问域名,故可以先进行配置:
#### axe-ui
127.0.0.1 dev.axe-ui.com
npm run serve
# or
npm run dev
npm run build
npm run test:unit
npm run lint