9、springboot3 vue3开发平台-前端- vue3工程创建

news2024/12/27 13:49:14

1. 项目说明

技术选择： 使用vue3 + TS + ElementPlus， 开发使用vite构建
目的： 搭建管理系统框架， 包含动态路由， 动态菜单， 用户，角色， 菜单，权限管理，日志等基础支持。

2. 项目创建

2.1 修改npm镜像为淘宝镜像

npm config set registry https://registry.npmmirror.com		// 设置为淘宝镜像
npm config get registry			// 查询镜像

在这里插入图片描述

npm create vue@latest

使用cmd或终端工具在要创建工程的目录打开， 因为后续要用到router, pinia就在这里直接导进来，也可以不导入，后续用到时再导入， 导入DevTools 可以省去安装插件。

在这里插入图片描述
使用vscode打开，按提示再项目目录下执行命令：
打开项目，项目创建完成。
在这里插入图片描述

3. 报错解决

在这里插入图片描述

npm install @types/node save

然后重启vscode

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1983532.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

《2024华数杯》C题第四问 模型建立+优化算法

《2024华数杯》C题第四问 模型建立+优化算法

第四问解决思路 目标 在144小时内，外国游客要尽可能游览更多的城市，同时要使门票和交通的总费用尽可能少。 模型与假设 点击获取代码思路文献数据 假设： ○ 游客在每个城市只游览一个评分最高的景点。 ○ 城市之间的交通方式只选择高铁。 ○…
阅读更多...
Linux学习笔记9(Linux包管理)

Linux学习笔记9(Linux包管理)

目录 归档包管理 归档 查看归档包 解归档包 压缩包管理 Zip/unzip gzip/gunzip bzip2/bunzip2 源码包安装软件 三大步： 预备步骤：安装依赖的编译库 一、./configure --prefix/usr/local/nginx 二、make 三、make install 软件包安装 配置…
阅读更多...
云原生 （1）

云原生 （1）

一、实验准备 1，准备一台rhel7的主机,并开启主机的图形。 2，关闭vmware DHCP功能。 3，配置好可用IP。 4，关闭火墙。 二、安装图形化kickstart自动安装脚本的工具 1. 基础配置 yum install system-config-kickstart ——安…
阅读更多...
短链接生成-短链接-短网址-短链接生成接口-短链接转换接口-短网址URL生成-短链接地址

短链接生成-短链接-短网址-短链接生成接口-短链接转换接口-短网址URL生成-短链接地址

短网址是一种将长URL缩短的技术，通常由一些服务提供，如Bitly、TinyURL等。通过这种技术，原始的网址会被转换成简短且易于分享的形式，比如http://wq.cn/weds代替原本的https://www.example.com/a Very Long URL。短网址服务会在服务…
阅读更多...
与大语言模型Transformer的奇妙旅程

与大语言模型Transformer的奇妙旅程

嘿，大家好！今天我想和你们聊聊我的一次奇妙旅程——和大语言模型的亲密接触。你们知道吗？这些家伙可不仅仅是冷冰冰的代码，它们简直就像是拥有智慧的伙伴一样！想象一下，如果我能和一个超级聪明的大语言模型…
阅读更多...
10、springboot3 vue3开发平台-前端-elementplus， axios配置及封装使用， 包含token 存储

10、springboot3 vue3开发平台-前端-elementplus， axios配置及封装使用， 包含token 存储

1. 准备工作 1.1 清除项目自带页面 删除views和components目录下所有东西&#xff1a; 1.2 修改App.vue <script setup lang"ts"></script><template><router-view></router-view> </template><style scoped></st…
阅读更多...
能量柱 成交量 高抛低吸 文华财经指标公式源码 幅图 九稳量化系统 全网最火指标公式源码 期货最牛的买卖指标源码公式

能量柱 成交量 高抛低吸 文华财经指标公式源码 幅图 九稳量化系统 全网最火指标公式源码 期货最牛的买卖指标源码公式

我觉得期货市场就是一个战场的翻版。 但是专注并不是每天盯盘&#xff0c;这样交易容易耗费太多的精神和心力。交易要做趋势&#xff0c;如果萎靡&#xff0c;趋势根本就跟不上。不要用生命&#xff0c;身体去交易&#xff0c;要用思想去交易。做单要做的舒畅&#xff0c;才能…
阅读更多...
【SEO优化】做好外部站点优化让你获取更多链接

【SEO优化】做好外部站点优化让你获取更多链接

今天我们就来谈谈外部网站优化&#xff0c;这在搜索引擎优化中的重要性不亚于内部优化。但与此同时&#xff0c;SEO的初学者往往不会给予太多的关注&#xff08;由于各种原因&#xff09;。顺便说一句&#xff0c;这对谷歌的算法非常重要。如果没有高质量和全面的外部优化&…
阅读更多...
sql注入总结-1

sql注入总结-1

SQL注入 1.查看类型 如果是字符型注入 我们可以输入?id1\ 弹出的 near 1) LIMIT 0,1 报错类 型为‘&#xff09; near 1)) LIMIT 0,1 报错类型为)) 切在变为?id1\--后恢复正常则可以判断类型 2.id1和id-1的区别 id1&#xff1a;这个条件通常用于查找数据库中 id 列值为 …
阅读更多...
ZICO2: 1【附代码】(权限提升)

ZICO2: 1【附代码】(权限提升)

靶机下载地址&#xff1a; https://vulnhub.com/entry/zico2-1,210/https://vulnhub.com/entry/zico2-1,210/ 1. 主机发现端口扫描目录扫描敏感信息收集 1.1. 主机发现 nmap -sn 192.168.5.0/24|grep -B 2 08:00:27:62:AC:7F 1.2. 端口扫描 nmap -p- 192.168.5.66 1.3. 目…
阅读更多...
Effective-Java-Chapter3

Effective-Java-Chapter3

https://github.com/clxering/Effective-Java-3rd-edition-Chinese-English-bilingual/blob/dev/Chapter-3 准则一 覆盖 equals 方法时应遵守的约定 重写equals 方法需要满足的特性 Reflexive: For any non-null reference value x, x.equals(x) must return true. 反身性&a…
阅读更多...
科普文：微服务之Spring Cloud Alibaba分布式事务组件Seata4种分布式事务模式及其选择

科普文：微服务之Spring Cloud Alibaba分布式事务组件Seata4种分布式事务模式及其选择

https://zhouxx.blog.csdn.net/article/details/140940976 科普文&#xff1a;微服务之Spring Cloud Alibaba分布式事务组件Seata设计方案-CSDN博客 一、概述 Seata是一款开源的分布式事务解决方案&#xff0c;致力于提供高性能和简单易用的分布式事务服务。Seata提供了AT、…
阅读更多...
基于springboot+vue+uniapp的智慧校园管理系统小程序

基于springboot+vue+uniapp的智慧校园管理系统小程序

开发语言&#xff1a;Java框架&#xff1a;springbootuniappJDK版本&#xff1a;JDK1.8服务器&#xff1a;tomcat7数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09;数据库工具&#xff1a;Navicat11开发软件&#xff1a;eclipse/myeclipse/ideaMaven包&#…
阅读更多...
[网鼎杯 2018]Comment

[网鼎杯 2018]Comment

使用环境为https://adworld.xctf.org.cn/challenges&#xff0c;搜索题目[网鼎杯 2018]Comment。 进入环境&#xff0c;发现为一个留言板&#xff0c;点击发帖试试。 尝试发帖 跳转到登录页面&#xff0c;根据提示使用burp进行暴力破解。 发现payload为666时状态码不同。 尝试…
阅读更多...
【Flutter 自定义字体】等宽字体等

【Flutter 自定义字体】等宽字体等

一般如果涉及自定义字体、等宽字体&#xff0c;我们通常使用到 Google 提供的&#xff1a;https://fonts.google.com/&#xff08;可能需要魔法&#xff09;&#xff0c; 1 如果是等宽字体&#xff0c;搜索关键词 ”mono“ 就会发现有很多&#xff1a; 2 我们可以直接选择第一…
阅读更多...
nuScenes数据集及mmdetection3d中的相关处理

nuScenes数据集及mmdetection3d中的相关处理

1. nuScence数据集简单介绍 数据集官网&#xff1a;https://www.nuscenes.org 论文&#xff1a;https://arxiv.org/abs/1903.11027 官方github页面&#xff1a;GitHub - nutonomy/nuscenes-devkit: The devkit of the nuScenes dataset. 1.1 坐标系的定义 nuScence数据集共…
阅读更多...
cpp学习记录06：文件操作与模板

cpp学习记录06：文件操作与模板

文件操作 对文件操作需要包含头文件<fstream> 文件类型&#xff1a; 文本文件&#xff1a;以文本ASCII码形式储存 二进制文件&#xff1a;以文本的二进制形式储存 操作文件三大类&#xff1a; ofstream&#xff1a;写操作 ifstream&#xff1a;读操作 fstream&…
阅读更多...
以知识图谱结构为Prompt框架，帮LLM快速找出因果关系生成更精准内容

以知识图谱结构为Prompt框架，帮LLM快速找出因果关系生成更精准内容

因果关系提取一直是LLM领域一个热门的研究方向&#xff0c;正如我上一篇文章中介绍的&#xff0c;我们在制定决策和科学研究时&#xff0c;往往需要LLM具有非常稳健的因果推理能力。幸运的是&#xff0c;恰巧知识图谱结构作为Prompt(“KG Structure as Prompt”&#xff09;能够…
阅读更多...
做一个能和你互动玩耍的智能机器人之六-装配

做一个能和你互动玩耍的智能机器人之六-装配

openbot小车&#xff0c;最简单的配件。一个小车支架或者底盘&#xff0c;四个马达&#xff0c;最好是双层的&#xff0c;下层安装马在&#xff0c;上层电池和电源盒&#xff0c;L298N&#xff0c;arduino&#xff0c;手机支架&#xff0c;根据需要配置蓝牙&#xff0c;超声波等…
阅读更多...
Arrays、Lambda表达式、Collection集合

Arrays、Lambda表达式、Collection集合

1. Arrays 1.1 操作数组的工具类 方法名说明public static String toString(数组)把数组拼接成一个字符串public static int binarySearch(数组,查找的元素)二分查找法查找元素public static int[] copyOf(原数组,新数组长度)拷贝数组public static int[] copyOfRange(原数组…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023