# my-project

**Repository Path**: dylan_2017/my-project

## Basic Information

- **Project Name**: my-project
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-02
- **Last Updated**: 2024-06-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# my-project
本人手动搭建VUE+ElementPlus环境，折腾了一天产生的一个项目，一个静态的数据列表和分页工具条，搭建的步骤


## 1.先安装node.js
```
去官网下载安装，安装后node -v
npm -v
```

### 2.安装 Vue3 CLI，VU2的命令请自行查阅资料
```
npm install -g @vue/cli
```

### 3.创建项目
```
vue create my-vue-app
```

### 4.安装ElementPlus
```
4.1 npm安装ElementPlus
cd切换到my-vue-app目录下, npm install element-plus --save
4.2 修改main.js，添加ElementPlus的引用

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

// 修改分页器默认文字
zhCn.el.pagination.total = '共 {total} 条';
zhCn.el.pagination.goto = '跳至';
zhCn.el.pagination.pagesize = '条/页';
zhCn.el.pagination.pageClassifier = '页';


const app = createApp(App)
app.use(ElementPlus, {locale: zhCn})
app.mount('#app')

```

### 5. 运行项目
使用npm run serve命令运行my-vue-app