AIoT前端公共UI

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

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