AIoT前端公共UI

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

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