https://github.com/wp993080086/pc-v2-template

一个开箱即用基于vue2的PC项目模板。
https://github.com/wp993080086/pc-v2-template

axios element-ui nprogress sass vue vue-router vuex webpack

Last synced: 2 months ago
JSON representation

一个开箱即用基于vue2的PC项目模板。

• Host: GitHub
• URL: https://github.com/wp993080086/pc-v2-template
• Owner: wp993080086
• Created: 2022-06-24T07:32:16.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-07-05T09:39:47.000Z (almost 3 years ago)
• Last Synced: 2025-01-22T12:30:58.381Z (4 months ago)
• Topics: axios, element-ui, nprogress, sass, vue, vue-router, vuex, webpack
• Language: JavaScript
• Homepage:
• Size: 277 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


![webpack](https://img.shields.io/badge/5.54.0-webpack-orange)

![nprogress](https://img.shields.io/badge/0.2.0-nprogress-red)

![sass](https://img.shields.io/badge/1.53.0-sass-orange)

  





  

![element-ui](https://img.shields.io/badge/2.15.9-element--ui-409EFF)

![vue](https://img.shields.io/badge/2.6.14-vue-brightgreen)

![axios](https://img.shields.io/badge/0.27.2-axios-ff69b4)

![vue-router](https://img.shields.io/badge/3.5.4-vue%20router-blueviolet)

![vuex](https://img.shields.io/badge/3.6.2-vuex-yellow)

  



# ⚡️ 简介

一个开箱即用，基于 `webpack 5` + `vue 2` + `element-ui` + `vuex` + `vue-router 3` + `axios` 的PC端项目模板。

# 🚀 开发

1. 安装

```

npm install

```

2. 运行

```

npm run serve

```

# 📦️ 多环境打包

- 测试环境打包

```

npm run build_test

```

- 生产环境打包

```

npm run build

```

# 🔧 代码修复

```

npm run lint-fix

```

# 📚 目录

```

├─ .env.xxx // 各环境的配置文件

├─ .eslintrc.js // eslint配置

├─ vue.config.js // vue配置

└─ src

  │─ App.vue // 根容器

  │─ main.js

  │  

  ├─ components // 组件

  │      

  ├─ pages // 页面

  │                          

  ├─ router // 路由

  │          

  ├─ services // 接口

  │   │  

  │   │─ request // 封装

  │   └─ api // 接口

  │      

  ├─ static // 静态资源

  │              

  ├─ store // vuex

  │      

  └─ utils // 工具库

  │ │  index.js

  │ │  loading.js // loading封装

  │ │  toast.js // 弹窗封装  

  │ └─

  │......

```