# 使用Vite + Vue + TypeScript 构建后台管理系统
## 介绍
在本篇文章中，我将向您介绍如何使用Vite（一个基于Rollup的新一代前端构建工具）、Vue框架以及TypeScript语言来构建一个现代化的后台管理系统。
### 步骤概述
下面是构建“vite+vue+ts 后台管理”系统的大致步骤：
| 步骤 | 操作 |
|----|----|
| 1. | 创建
原创
2024-05-17 12:24:31
110阅读
vite + ts 配置别名
原创
2022-11-29 10:25:00
406阅读
使用vite搭建的vue3.0 ts项目中使用svg图标方法：1，安装 vite-plugin-svg-icons npm i vite-plugin-svg-icons -D 2，vite.config.ts 中的配置插件 import { defineConfig } from 'vite' i ...
转载
2021-09-18 13:55:00
615阅读
2评论
一、搭建项目（1）、查看node版本 node -v（2）、使用nvm安装最新稳定版Node.js（建议将Node.js升级到最新的稳定版本） 命令：nvm install stable（3）使用 Vite 快速搭建npm init @vitejs/app使用 选择输入的方式 或者可用命令直接创建项目 （4）、安装依赖 npm i @types/node --
原创
精选
2023-05-22 14:03:37
626阅读
点赞
1、使用element-plus时默认的语言是英文，如何将其设置为中文，使用 el-config-provider 来进行配置 // app.vue <template> <el-config-provider :locale="locale"> <router-view></router-view ...
转载
2021-08-17 15:36:00
416阅读
2评论
这里就以setup语法糖来介绍，因为毕竟setup语法糖还是更方便些嘛。
原创
2022-08-28 00:21:12
274阅读
# Vite + Vue3 + TypeScript + Axios 封装
在前端开发中，我们经常会使用到一些工具和库来提高开发效率和代码质量。在最近的前端开发中，Vite、Vue3、TypeScript 和 Axios 是一些非常流行的工具和库。本文将介绍如何结合这些工具和库来进行封装，以提高我们的开发效率和代码质量。
## 1. Vite
Vite 是一个由 Vue.js 核心团队开发的
原创
2024-07-03 03:22:44
221阅读
## 用Vite、Vue 3.0和TypeScript封装Axios
在Vue 3.0中，我们可以使用新的Vite构建工具来快速搭建一个Vue项目。而Axios是一个常用的HTTP请求库，用于在前端和后端之间进行数据交互。本文将介绍如何使用Vite、Vue 3.0和TypeScript来封装Axios，以便在项目中更方便地使用。
### 安装Vite
首先，我们需要安装Vite。打开终端并执
原创
2023-08-01 00:49:58
747阅读
下载@types/nodenpm i -D @types/nodevite.config.tsimport { resolve } from 'path'
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': resolve(__dirname, 'src'),
转载
2023-04-27 14:53:39
355阅读
技术栈Vue 3.xTypescriptVite 2.xPiniaVue-Router 4.xElement-plus UIAnd More…初始化项目npm init vite@latest 项目名
或
yarn create vite 项目名选择自己需要的框架和语言（博主选择的是Vue+TS）npm install 拉取相关依赖npm run dev 运行项目 出现该页面就可以进行下一步拉~配
转载
2024-09-27 13:20:42
259阅读
使用 Vite 快速搭建 Npm npm init @vitejs/app` Yarn yarn create @vitejs/app 选择vue- vue-ts 安装依赖 npm install 启动项目 npm run dev 修改 Vite 配置文件 import { defineConfig ...
转载
2021-09-04 11:40:00
1006阅读
• 初始化项目:npm init vite@latest
原创
2022-04-06 14:11:18
248阅读
快捷导航vue3.x的新特性研究vue2.x面临的问题vue3.x的主要优势vue3.x写法变动Vue Function-based API RFC1. setup()2. state 的设定包装对象**ref()**附加的 reactive()3. computed4. watch5. prop6. 生命周期与 react hooks 对比 vue3.x的新特性研究本文仅作为vue3.x的研究
标题：使用Vite + TypeScript + Axios构建现代化前端应用
摘要：本文将介绍如何使用Vite、TypeScript和Axios来构建现代化的前端应用。通过这种组合，我们可以获得快速的开发环境、类型安全和强大的HTTP请求库，从而提高我们的开发效率和代码质量。
## 1. 引言
在当今的前端开发中，快速、高效和可维护的代码是至关重要的。为了实现这些目标，我们需要选择合适的开
原创
2023-08-22 07:10:28
136阅读
# 如何实现“vite ts jquery”
## 整体流程
首先让我们来看一下整个实现的流程：
```mermaid
gantt
title 实现“vite ts jquery”流程
section 准备工作
安装vite: done, 2022-01-01, 2d
创建项目: done, after 安装vite, 2d
section 添加Type
原创
2024-05-08 03:45:44
103阅读
目标：用 vite2 + vue3 + Ts 搭建一个开箱即用的最简 ssr 通用项目, 包含必要的 vuex vue-router asyncData header管理。 一 通过官方脚手架搭建一个 vue-ts 的 SPA 项目首先安装 yarn 包管理工具： 创建一个简单的 vue-ts 项目： // 选择 vue-ts 模版
转载
2024-10-29 20:02:50
114阅读
一、区别 let route = useRoute() 注意： 1、params参数可选可不选，参数占位后面+? 2、path占位符 3、使用name 二、案例 1、跳转
vite 创建 vue3 项目 TS 类型 之前学习过 vue2 的宝子们是知道的，当时我们开发 v
原创
2022-12-13 10:58:29
356阅读
本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一：使用Tree 树形控件，官方文档https://www.iviewui.com/components/tree以官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由后端给出，需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ，如果没有自己手动加或后端改，没有这
主要是为了学习后端的一些知识，比如 mysql ，redis 数据库，接口开发规范等，顺便把 vue3 和 ts 加强一下。
原创
精选
2023-06-25 09:17:48
752阅读
点赞
