首页 > 其他分享 >基于vite的前端模板库create-xg

基于vite的前端模板库create-xg

时间:2023-07-21 15:25:16浏览次数:34  
标签:-- create xg react vite antd 模板

  一个类似于create-vite的快速生成模板,因为create-vite创建的项目模板只有最基础的东西,仍然需要安装第三方依赖如ui库等,还未达到开箱即用的程度。于是自己动手实现一个类似的模板库,包含vue/react、路由、ui库、axios、mock数据,可以在此基础上直接开发业务代码,避免重复的环境搭建和一些通用功能开发。

  PC后台系统模板主要功能有页面布局、数据请求,表单、表格、角色权限管理、登录、主题切换等,移动端主要是页面布局、数据请求、表单等。页面数据使用本地json文件保存,可以进行增删改查操作。

使用

npm create xg@latest

当前模板

1、vue-tdesign-admin -- tdesign后台系统模板
2、vue-vant -- vant移动端模板
3、vue-vant-ts -- vant移动端模板(TS版)
4、react-antd-admin -- antd后台系统模板
5、react-antd-admin-ts -- antd后台系统模板(TS版)
6、react-antd-mobile -- antd移动端模板
7、react-antd-mobile-ts -- antd移动端模板(TS版)

 

页面展示

 

标签:--,create,xg,react,vite,antd,模板
From: https://www.cnblogs.com/hyfl847/p/17571467.html

相关文章

  • 58.请使用vue3+vite+typescript+element-plus+setup语法糖,使用xlsx和file-saver实现保
    1<template>2<div>3<el-table4:data="mergedTableData"5border6stripe7>8<!--表头-->9<el-table-column10prop="date"11label="......
  • Vue 3起手式:createApp 函数
    Vue3真有意思。用Vue3做了几个简单的Web页面了,本文展示其createApp函数的一些使用。 createApp函数官文:https://cn.vuejs.org/api/application.htmlfunctioncreateApp(rootComponent:Component,rootProps?:object):App第一个参数是根组件。第二个参数......
  • vite初認識
                 ......
  • 浅析npm init、create、exec,npx。
    npm-execnpmexecnpmexec<pkg>npmxnpmx<pkg>npm官方文档中指出x,其实就是exec的别名,通俗来讲意思就是npmexec、npmx,两个命令是完全等价的。npmexec<pkg>的执行流程-在本地查找是否有<pkg>对应的npm包-若找到,则运行这个包的package.json中bin字段对应的可执......
  • vite-plugin-style-import styleImport和createStyleImportPlugin
    当vite-plugin-style-import安装版本为2.0.0时,只能使用createStyleImportPlugin,取消了styleImport。如下1//vite.config.ts2import{createStyleImportPlugin,AndDesignVueResolve}from'vite-plugin-style-import';34plugins:[5vue(),6createStyleImp......
  • vue3,ts,vite4,uniapp设置路径别名
    安装依赖npminstall--save-dev@types/node配置vite.config.ts文件//vite.config.tsimport{defineConfig}from'vite';import{resolve}from'path';exportdefaultdefineConfig({resolve:{alias:{'/@/':resolve(......
  • 54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖,实现导出excel功能
    要实现导出Excel功能,你可以使用以下步骤:1.安装相关依赖:```bashnpminstallxlsxfile-saver```2.在你的组件中引入相关依赖:```javascriptimport{ref}from'vue';import{saveAs}from'file-saver';import{useTable}from'element-plus';importXLSX......
  • vue3+vite4实现动态引入图片
    本来是想使用vue2时使用的require,但是在运行时却突然报错:看到上面的报错让我很懵,require为啥不能使用呢??经过我不懈的努力,终于找到原因:在Vue3和Vite4中,不再推荐使用CommonJS的require语法,而是使用ECMAScript模块(ESM)的import语法。Vite4默认支持ESM,因此在使用......
  • Cobalt Strike进程注入——CreateRemoteThread案例复现和检测
    CobaltStrike进程注入——CreateRemoteThread案例复现和检测内网两台机器,操作如下: 我使用的是powershell反弹shell执行:看到的sysmon数据采集Networkconnectiondetected:RuleName:Alert,MetasploitUtcTime:2023-07-1803:00:37.856ProcessGuid:{d4c3f587-331d-64......
  • 5.5 集成学习- XGBoost
    1XGBoost的基础思想与实现1.1XGBoostpk梯度提升树极限提升树XGBoost(ExtremeGradientBoosting,XGB,发音/æks-g-boost/)是基于梯度提升树GBDT全面升级的新一代提升算法,也是提升家族中最富盛名、最灵活、最被机器学习竞赛所青睐的算法。不同于我们之前学过的任意单一算法,XGBo......