An out-of-the-box front end framework based on vue3+vite2

An out-of-the-box front end framework based on vue3+vite2

2022-10-31 0 1,409
Resource Number 47211 Last Updated 2025-02-21
¥ 0HKD Upgrade VIP
Download Now Matters needing attention
Can't download? Please contact customer service to submit a link error!
Value-added Service: Installation Guide Environment Configuration Secondary Development Template Modification Source Code Installation

This issue recommends an open source backend front-end framework – Vben.

An out-of-the-box front end framework based on vue3+vite2插图

Vue-Vben-Admin is a background solution based on Vue3.0, Vite, Ant-Design-Vue, TypeScript, with the goal of providing out-of-the-box solutions for developing medium to large projects. It includes two encapsulation components, utils, hooks, dynamic menu, permission verification, button level permission control and so on. The project will use the newer technology stack on the front end, which can be used as a startup template for the project to help you quickly build an enterprise-level back-end product prototype. It can also be used as an example to learn mainstream technologies such as vue3, vite, and ts. The project will keep up with the latest technology and apply it to the project.

Feature

  • Latest technology stack: Based on Vue3, Vite, TypeScript and other latest technology stack development
  • Lightweight fast geothermal reload: Always extremely fast module thermal reload (HMR) regardless of application size
  • Rich examples: Common Web side plug-in example implementation
  • Component packaging: secondary packaging of components with high daily use frequency to meet basic work requirements
  • Theme configuration: rich theme configuration and dark theme adaptation
  • Rights management: Perfect front and back end rights management solution

Template

  • vue-vben-admin

This version is mainly to provide some Demo examples and plug-in integration, mainly for reference. If you are not familiar with the project and do not recommend developing on this basis, please use the condensed version provided below.

  • vue-vben-admin-thin

vue-vben-admin compact version. Deleted related examples, useless files, features, and dependencies. You can install dependencies based on your requirements. Because you are using vite, dependency deletion does not cause a warning from the related component or hook. Install the library only when you need it.

Browser support

  • The latest version of Chrome is recommended for local development. Chrome 80 or later is not supported
  • The production environment supports modern browsers, not IE

An out-of-the-box front end framework based on vue3+vite2插图1

Local run

# Pull code 
git clone https://github.com/vbenjs/vue-vben-admin-doc

# Install dependency 
yarn

# Run item 
yarn dev

Interface

An out-of-the-box front end framework based on vue3+vite2插图2

An out-of-the-box front end framework based on vue3+vite2插图3

An out-of-the-box front end framework based on vue3+vite2插图4

An out-of-the-box front end framework based on vue3+vite2插图5

An out-of-the-box front end framework based on vue3+vite2插图6

An out-of-the-box front end framework based on vue3+vite2插图7

—END—

Open Source protocol: MIT

资源下载此资源为免费资源立即下载
Telegram:@John_Software

Disclaimer: This article is published by a third party and represents the views of the author only and has nothing to do with this website. This site does not make any guarantee or commitment to the authenticity, completeness and timeliness of this article and all or part of its content, please readers for reference only, and please verify the relevant content. The publication or republication of articles by this website for the purpose of conveying more information does not mean that it endorses its views or confirms its description, nor does it mean that this website is responsible for its authenticity.

Ictcoder Free Source Code An out-of-the-box front end framework based on vue3+vite2 https://ictcoder.com/an-out-of-the-box-front-end-framework-based-on-vue3vite2/

Share free open-source source code

Q&A
  • 1. Automatic: After making an online payment, click the (Download) link to download the source code; 2. Manual: Contact the seller or the official to check if the template is consistent. Then, place an order and make payment online. The seller ships the goods, and both parties inspect and confirm that there are no issues. ICTcoder will then settle the payment for the seller. Note: Please ensure to place your order and make payment through ICTcoder. If you do not place your order and make payment through ICTcoder, and the seller sends fake source code or encounters any issues, ICTcoder will not assist in resolving them, nor can we guarantee your funds!
View details
  • 1. Default transaction cycle for source code: The seller manually ships the goods within 1-3 days. The amount paid by the user will be held in escrow by ICTcoder until 7 days after the transaction is completed and both parties confirm that there are no issues. ICTcoder will then settle with the seller. In case of any disputes, ICTcoder will have staff to assist in handling until the dispute is resolved or a refund is made! If the buyer places an order and makes payment not through ICTcoder, any issues and disputes have nothing to do with ICTcoder, and ICTcoder will not be responsible for any liabilities!
View details
  • 1. ICTcoder will permanently archive the transaction process between both parties and snapshots of the traded goods to ensure the authenticity, validity, and security of the transaction! 2. ICTcoder cannot guarantee services such as "permanent package updates" and "permanent technical support" after the merchant's commitment. Buyers are advised to identify these services on their own. If necessary, they can contact ICTcoder for assistance; 3. When both website demonstration and image demonstration exist in the source code, and the text descriptions of the website and images are inconsistent, the text description of the image shall prevail as the basis for dispute resolution (excluding special statements or agreements); 4. If there is no statement such as "no legal basis for refund" or similar content, any indication on the product that "once sold, no refunds will be supported" or other similar declarations shall be deemed invalid; 5. Before the buyer places an order and makes payment, the transaction details agreed upon by both parties via WhatsApp or email can also serve as the basis for dispute resolution (in case of any inconsistency between the agreement and the description of the conflict, the agreement shall prevail); 6. Since chat records and email records can serve as the basis for dispute resolution, both parties should only communicate with each other through the contact information left on the system when contacting each other, in order to prevent the other party from denying their own commitments. 7. Although the probability of disputes is low, it is essential to retain important information such as chat records, text messages, and email records, in case a dispute arises, so that ICTcoder can intervene quickly.
View details
  • 1. As a third-party intermediary platform, ICTcoder solely protects transaction security and the rights and interests of both buyers and sellers based on the transaction contract (product description, agreed content before the transaction); 2. For online trading projects not on the ICTcoder platform, any consequences are unrelated to this platform; regardless of the reason why the seller requests an offline transaction, please contact the administrator to report.
View details

Related Source code

ICTcoder Customer Service

24-hour online professional services