# vue3-study-project

**Repository Path**: the_striving_a_san/vue3-study-demo

## Basic Information

- **Project Name**: vue3-study-project
- **Description**: vue3 入门学习使用
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-28
- **Last Updated**: 2024-07-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, 学习

## README

## 项目名：vue3-study-demo

### 技术栈：vite + vue3 + ts + element-plus

#### UI 文档(https://element-plus.org/zh-CN/)

---

#### 安装步骤

```js
// 安装依赖
npm i
// 运行，浏览器访问 http://localhost:7777/
npm run dev
```

---

#### 本地如若运行环境提示异常，可以将 node 版本更换至该版本（或该版本以上）再尝试

```js
node -v 16.15.1
vue -V @vue/cli 5.0.8
```

---

#### 开发规范

1. 组件名大驼峰，例如 HomeBtn

2. 路径名小驼峰， 例如 userDetail

3. 常量使用全大写加下划线区分单词，例如 USER_TOKEN

4. 变量名使用小驼峰， 例如 userName

5. 新增页面，应该在对应路径名文件夹下新建一个 index.vue,然后在 router 下导入该路径下的组件

6. 自定义组件引用后的标签名应为 kebab-case (短横线隔开式) 命名，例如 `<my-button /> `

---

#### 编辑器相关

- 使用 vscode 打开该项目时，推荐安装 volar 和 tslint 插件，禁用 vetur 插件

#### 如果觉得这个文档对你有点帮助，不妨请我吃个烤肠吧。。。

![收款码](https://image-static.segmentfault.com/100/050/1000502500-642b8ccfa36ea_fix732)