# vite-tmp

**Repository Path**: zengxiaohui2019/vite-tmp

## Basic Information

- **Project Name**: vite-tmp
- **Description**: Vue3全家桶 + Vite2 简洁项目模版，已集成常用的插件和css
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-01-10
- **Last Updated**: 2022-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue3全家桶 + Vite2 简洁项目模版
集成常用的插件和css

## 已安装依赖
````json
{
    "dependencies": {
        "@element-plus/icons-vue": "^0.2.4",
        "axios": "^0.24.0",
        "dayjs": "^1.10.7",
        "element-plus": "^1.3.0-beta.3",
        "vue": "^3.2.25",
        "vue-router": "^4.0.12",
        "vuex": "^4.0.2"
    },
    "devDependencies": {
        "@vitejs/plugin-vue": "^2.0.1",
        "eslint": "^8.6.0",
        "eslint-plugin-vue": "^8.2.0",
        "sass": "^1.47.0",
        "vite": "^2.7.10"
    }
}
````

## 说明
- `axios` 网络请求已经封装
- `vuex` 已经模块化
- `dayjs` 已经全局挂载  具体使用请移步 [dayjs文档](https://dayjs.fenxianglu.cn/category/#node-js)
- `styles/mixin.scss` 已经封装了常用的css 可以直接html标签上使用; 同步注入到全局 可以style中`@extend`直接使用
````vue
<template>
    <span ml50>aaa</span>
    <i ml20>aaa</i>
</template>
<style lang="scss" scoped>
    /*这样就设置了margin-left: 20px;*/
    i:{ @extend [ml50]; }
</style>
````
- `eslint` 也集成了