Giter VIP home page Giter VIP logo

vue-templete's Introduction

vue-admin

自用 vue 脚手架

Default config

默认的配置包含了:

  • vue + vite + ts, tailwindcss
  • 从 0 配置的必要语法检查和格式化。
  • 清除了所有默认的 css 样式；只提供了干净的唯一组件 MainView, 空的 router 和 pinia 状态库.
  • 提供了一些有用的 .vscode 工程配置: tailwindcss 的 @ 指令语法提示支持和 vue 的 code-snippets.
  • 一些(自认为)通用的 vite 插件.

Feature

  • 实现了极小的 eventBus
  • 对 vue 本身提供的 provide 和 inject 进行了二次封装，使用局部上下文来代替全局状态管理；
  • 开箱即用的 axios 的请求封装, 并支持多环境切换: mock, dev, prod。
  • 项目提供了开箱即用的多语言支持, 内置 vue-i18n@9 的配置。
  • 项目结构目录高度标准化, 认为约定大于配置.

Things Needed

VSCode configure

代码库适用于 vscode. 必需安装的 vsc 插件:

  • vue 官方插件
  • eslint 官方插件
  • tailwind 官方插件
  • prettier 官方插件

注意本地已经存在的插件可能会覆盖掉上述插件某些功能，从而影响语法提示，进而影响食用体验。

  • 可选的插件：i18n

pnpm

脚手架使用 pnpm 作为包管理器。作为推荐，可以尝试使用 corepack 来维护包管理器。

Usage

Install

pnpm i

Run

pnpm dev

Lint

pnpm lint
pnpm lint:inspect

vue-templete's People

Contributors

renovate[bot] avatar xiaoyan13 avatar

Stargazers

avatar Gaolei He avatar

Watchers

avatar avatar

vue-templete's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • fix(deps): update dependency @vitejs/plugin-vue-jsx to v4.0.1
  • fix(deps): update dependency prettier to v3.3.3
  • fix(deps): update dependency tailwindcss to v3.4.10
  • fix(deps): update dependency @types/node to v20.16.1
  • fix(deps): update dependency @vitejs/plugin-vue to v5.1.2
  • fix(deps): update dependency eslint-plugin-vue to v9.27.0
  • fix(deps): update dependency pinia to v2.2.2
  • fix(deps): update dependency qs to v6.13.0
  • fix(deps): update dependency unplugin-auto-import to ^0.18.0
  • fix(deps): update dependency vue-i18n to v9.14.0
  • 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
package.json
  • @tsconfig/node20 ^20.1.4
  • @types/lodash-es ^4.17.12
  • @types/node ^20.14.7
  • @types/qs ^6.9.15
  • @vitejs/plugin-vue ^5.0.5
  • @vitejs/plugin-vue-jsx ^4.0.0
  • @vue/tsconfig ^0.5.1
  • autoprefixer ^10.4.19
  • axios ^1.7.2
  • eslint ^9.5.0
  • eslint-config-prettier ^9.1.0
  • eslint-plugin-vue ^9.26.0
  • lodash-es ^4.17.21
  • npm-run-all2 ^6.2.0
  • pinia ^2.1.7
  • postcss ^8.4.38
  • prettier ^3.3.2
  • qs ^6.12.1
  • rollup-plugin-visualizer ^5.12.0
  • tailwindcss ^3.4.4
  • typescript ^5.5.2
  • typescript-eslint 8.0.0-alpha.30
  • unplugin-auto-import ^0.17.6
  • vite ^5.3.1
  • vue ^3.4.29
  • vue-i18n ^9.13.1
  • vue-router ^4.3.3
  • vue-tsc ^2.0.21
  • vite-plugin-compression2 ^1.1.3
  • node >=18.0.0
  • pnpm 9.0.5
  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.