# vite-ts-vue-element

**Repository Path**: http_git.oschina.net/vite-ts-vue-element

## Basic Information

- **Project Name**: vite-ts-vue-element
- **Description**: 使用vue3最新语法，ts,elmentUI搭建的一个管理系统，继续开发中，主要熟悉Composition API相关知识
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-18
- **Last Updated**: 2021-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 开发
```bash
# 克隆项目
git clone https://github.com/hsiangleev/element-plus-admin.git

# 进入项目目录
cd element-plus-admin

# 安装依赖
npm install

# 启动服务
npm run dev
```

浏览器访问 http://localhost:8080

## 发布
```bash
# 发布
npm run build
# 预览
npm run preview
```
## vite.config.ts配置
Pre-bundling dependencies:
  vue
  vuex
  vue-router
(this will be run only when your dependencies or config have changed) //需要将 vuex vue-router 安装在 "devDependencies" :{} 中

## 其它
```bash
# eslint代码校验
npm run eslint

# stylelint代码校验
npm run stylelint
```

## vscode扩展

1. 使用johnsoncodehk.volar，并禁用vetur，支持template代码里面的数据类型提示

## 相关知识的练习---Composition API
a.ref
b.reactive
c.computed
d.watchEffect

## 组件系统
a.全局注册
b.局部注册

## setup
a.props
b.context
c.emit
d.attrs
e.slots

## vue指令
a. v-model

## 参考模仿的相关知识 ：https://www.cnblogs.com/lhl66/p/14615338.html
## normalize.css 【Normalize.css是一种CSS reset 的替代方案。它在默认的HTML元素样式上提供了跨浏览器的高度一致性】