RView Design
基于 iView 二次封装的前端UI公共组件库 RView Design（Based on Vue.js 2）
Docs
Install
Install RView
Using npm:
npm i r-view-design --save
Project setup - 项目依赖安装
npm install
Compiles and hot-reloads for development - 启动本地编译调试
npm run dev
Lints and fixes files - 检查代码语法和格式
npm run lint
Usage
<template>
<r-layout></r-layout>
</template>Using import to main.js:
import RView from 'r-view-design'
import 'r-view-design.css'
Vue.use(RView)Maybe Issues
Syntax Error: Error: Cannot find module 'vue/compiler-sfc' => vue-loader降低版本 npm i vue-loader@15 -D
Other Description
1. 项目特征
Project features:
- Babel
- Router (use history mode)
- CSS Pre-processors [Sass/SCSS (with node-sass)]
- Linter / Formatter [ESLint + Prettier] (lint on save)
- In dedicated config files
2. 版本配置
Version configuration:
npm -v [8.1.0]
node -v [v16.13.0] (npm: 8.1.0 node-sass: 6.0.1 sass-loader: 10.2.0)
vue -V [@vue/cli 4.5.15]
vue: ^2.6.11vue-router: ^3.2.0axios: ^0.24.0view-design: ^4.7.0-beta.11element-ui: ^2.15.6node-sass: ^6.0.1sass-loader: ^10.2.0eslint: ^6.7.2prettier: ^2.2.1
| NodeJS | Supported node-sass version | Node Module |
|---|---|---|
| Node 16 | 6.0+ | 93 |
| Node 14 | 4.14+ | 83 |