Geeker Admin,基于 Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 开源的一套后台管理框架。 ◆二、开源协议 使用0BSD开源协议 ◆三、界面展示 项目截图 1、登录页: 2、首页: 3、表格页: 4、数据大屏: ◆四、功能概述 项目功能 使用Vue3.2 开发,单文件组件 <script setup> 采用Vit
初始化后的项目会生成一个vite.config.ts文件,这个文件等同于使用vue-cli创建的项目中的vue.config.js 代码语言:javascript 代码运行次数:0 运行 AI代码解释 //导入defineConfig插件以后,修改此文件就可以有代码提示了import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";//路径处理模块importpathfrom...
1、创建基于Vite的Project 先创建个工程目录,如vue-study,再通过vscode打开该目录,打开终端。 执行以下命令: pnpm create vite vue-study --template vue-ts 根据提示操作,最后输出“Done.”,则成功。 可以看到,已在vue-study目录中生成许多文件。 执行以下命令安装: pnpm install 执行以下命令以开发模式测试: pnpm...
在我们项目中引入自定义组件或者JS\TS文件,我们会采用相对路径来寻找,比如: import Book from '../components/Bppk.vue' 这个配置在Vue\cli脚手架中默认可以使用,但是在Vite搭建的Vue3项目中我们需要配置一下; 整体配置如下: // vite.config.ts import vue from '@vitejs/plugin-vue' import { UserConfig,...
修改vite.config.js 使用Element Plus组件 四、总结 前言 近日心血来潮想做一个开源项目,目标是做一款可以适配多端、功能完备的模板工程,包含后台管理系统和前台系统,开发者基于此项目进行裁剪和扩展来完成自己的功能开发。但前台系统花样繁多,可能是PC端浏览器,可能是微信网页,微信小程序,安卓,鸿蒙……因此笔者只能...
vue3+vite+ts开源项目 文心快码 在搜索Vue3+Vite+TypeScript的开源项目时,我筛选了一些评价较高的项目,并对它们的项目结构和代码特点进行了分析。以下是几个优质的Vue3+Vite+TypeScript开源项目及其主要功能和优势: Vue 3 Vite Starter 项目链接: Vue 3 Vite Starter 主要功能和优势: 使用Vue 3和Vite进行...
1、修改vite.config.ts 2、修改tsconfig.app.json (ts) 在compilerOptions中添加下面的最后2项:“baseUrl"和"paths” 添加下面代码 "baseUrl": "./", "paths": { "@/*": [ "src/*" ] } 13.项目结构,在src文件夹下,添加api,router ,store,views文件夹 ...
一:使用 vite 快速创建脚手架 1.创建新项目 命令行输入后,依次选择vue -> typescript。 1yarn create vite vite_vue3_typescript_pinia_template --template 2.cd到项目文件,安装依赖,启动项目 1# 进入项目文件夹2cd vite_vue3_typescript_pinia_template3# 安装依赖4yarn5# 启动6yarn dev ...
这样一个vue3+vite+ts的项目初始化就完成了 运行项目不会默认打开浏览器,需要在package.json里面 ,在vite 后面加上--open 安装vue全家桶 Pinia状态管理 由于 vuex 4 对 typescript 的支持让人感到难过，所以状态管理弃用了 vuex 而采取了 pinia. pinia 的作者是 Vue 核心团队成员 尤大好像说 pinia 可能会代替...