基于vite构建的vue3+ts后台管理系统

首先说一下，vite需要node.js版本 >=12.0.0

1.创建项目

npm init vite@latestOR yarn create vite

2.按照提示一直next就好了

最终的效果：

3.vite配置别名

npm install @types/node --save-dev

4.配置vite.config.ts

4.1 解决Network：use --host to express

server: {host: '0.0.0.0',port: 8080,open: true}

4.2 配置resolve.alias

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue()],server: {host: '0.0.0.0',port: 8080,open: true},resolve: {alias: [{find: '@',replacement: resolve(__dirname, 'src')}]}
})

5.安装element-ui-plus插件

6.安装Vue Language Features (Volar) 插件。注意：使用这个插件的时候要关闭Vetur插件，因为这两个插件混在一起用会冲突。

7.安装路由

npm install vue-router@4

8.安装vuex

npm install vuex@next --save

9.配置tsconfig.json

10.Eslint安装

npm install --save-dev eslint eslint-plugin-vue

16.sass安装

npm install -D sass sass-loader

17.element-plus安装

npm install element-plus --save

18.

未完待续......

基于vite构建的vue3+ts后台管理系统相关推荐

基于nuxt和iview搭建OM后台管理系统实践(2)-quill富文本组件的封装
目录结构这是<基于nuxt和iview搭建OM后台管理系统实践>这一个系列文章的目录,大致思路如下: 简要介绍OM后台管理系统,以及开发环境自行开发的公共组件(富文本.地图.上传)介绍 ...
基于JAVAWeb的学生宿舍公寓后台管理系统
资源下载地址:https://download.csdn.net/download/sheziqiong/86932466 资源下载地址:https://download.csdn.net/downl ...
cms php vue 开源_lucms —— 基于 Vue 和 Laravel 开发的后台管理系统
lucms -- 基于 Vue 和 Laravel 开发的后台管理系统由 Ucer 创建于2年前, 最后更新于 1年前版本号 #1 36802 views 8 likes 0 collects 项 ...
基于ThinkPHP框架的简单的后台管理系统
基于ThinkPHP框架的简单的后台管理系统一个简单的后台管理系统,可能还不全面,可以自己改,有登录功能实例如图:
基于javaweb的宠物商城带后台管理系统(java+ssm+jsp+jquery+ajax+mysql)
基于javaweb的宠物商城带后台管理系统(java+ssm+jsp+jquery+ajax+mysql) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse/id ...
基于前端Vue后端.NetCore Web后台管理系统通用开本框架采用前后端分离技术，前端使用vue2.6.0，后端使用.netcore3.1，支持跨平台、多租户
基于前端Vue后端.NetCore Web后台管理系统通用开本框架采用前后端分离技术,前端使用vue2.6.0,后端使用.netcore3.1,支持跨平台.多租户.支持MySQL/SQLServer/ ...
基于SpringBoot+VUE的宠物医院后台管理系统【源码开源】【建议收藏】
基于SpringBoot+VUE的宠物医院后台管理系统[源码开源][建议收藏] 今天给大家开源一个基于SpringBoot+VUE的宠物医院后台管理系统,系统基于脚手架工程,花了大概1周时间做出来的. ...
vue 后台返回的文件流进行预览_基于 Vue3+Ts 后台前端管理系统Vue3-Admin
今天再给大家分享一款超不错的Vue中后台管理系统Vue3Admin. vue3-admin 基于VueCli4+Ts+ElementUI构建的后台系统.采用组件化开发模式及Flex布局,支持移动端适配 ...
基于vue-element-admin升级的Vue3+TS+Element-Plus版本正式开源，有来开源组织又一精心力作
新版本文档 [vue3-element-admin ]基于 Vue3 + Vite4 + TypeScript5+ Element-Plus 从0到1搭建企业级后台管理系统(前后端开源)_有来技术的博 ...

基于vite构建的vue3+ts后台管理系统

基于vite构建的vue3+ts后台管理系统相关推荐

最新文章

热门文章