AIoT前端公共UI

liuyang 078f8b3015 update: 修改使用中的细节 преди 2 години
.vscode b53d9d73ad create: 创建common-ui工程 преди 2 години
docs d9cf586b9b update: 修改图片位置 преди 2 години
examples 078f8b3015 update: 修改使用中的细节 преди 2 години
lib 078f8b3015 update: 修改使用中的细节 преди 2 години
packages 078f8b3015 update: 修改使用中的细节 преди 2 години
.eslintignore.js b53d9d73ad create: 创建common-ui工程 преди 2 години
.eslintrc b53d9d73ad create: 创建common-ui工程 преди 2 години
.gitignore ae7c7c9fa5 update: 修改配置信息 преди 2 години
.gitignore copy b53d9d73ad create: 创建common-ui工程 преди 2 години
.prettierrc b53d9d73ad create: 创建common-ui工程 преди 2 години
INFO.md b53d9d73ad create: 创建common-ui工程 преди 2 години
README.md 495d3fe273 fixed: 修改表格插件 + 修改svg-icon为common-icon преди 2 години
auto-imports.d.ts b53d9d73ad create: 创建common-ui工程 преди 2 години
components.d.ts 078f8b3015 update: 修改使用中的细节 преди 2 години
index.html b53d9d73ad create: 创建common-ui工程 преди 2 години
package-lock.json d69a3532bf update: 修改说明文档 преди 2 години
package.json 078f8b3015 update: 修改使用中的细节 преди 2 години
pnpm-lock.yaml 9d218263f7 update преди 2 години
tsconfig.json b53d9d73ad create: 创建common-ui工程 преди 2 години
tsconfig.node.json b53d9d73ad create: 创建common-ui工程 преди 2 години
vite.config.ts b53d9d73ad create: 创建common-ui工程 преди 2 години
开发规范.md b53d9d73ad create: 创建common-ui工程 преди 2 години

README.md

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

Type Support For .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:

  1. Disable the built-in TypeScript Extension
    1. Run Extensions: Show Built-in Extensions from VSCode's command palette
    2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
  2. Reload the VSCode window by running Developer: Reload Window from the command palette.

快速上手

common-ui 基于 vue3 + ts + Element-plus 再次封装的基础组件

安装

npm install common-module-ui
&
yarn add common-module-ui -S

使用

// main.ts
import CommonUI from 'common-module-ui'
import 'common-module-ui/lib/style.css'
const app = createApp(App)
app.use(CommonUI)
app.mount('#app')

文档详见:http://123.57.35.51:18087/components/info/base.html