flask前后端项目--实例-前端部分:-3-vue基本配置

news2024/11/18 7:43:31

一、基本配置以及验证

1.基础环境:nodejs的安装配置以及注意事项

https://blog.csdn.net/wtt234/article/details/128131999

2.vue使用vite创建文件包的过程

创建项目
npm init vite@latest
根据提示一步步选择:
选择vue
进入项目目录,安装包
npm install  

运行程序
npm run dev
------
安装需要的软件包【在终端安装需要的软件包】
npm install element-plus --save
npm install axios  

 3.验证:配置完毕后,查看package.json文件,

看看是否安装了工具包,如果没有安装再次执行安装命令即可。

 

 4.启动验证

按照提示 “npm run dev”

 

 通过浏览器访问上述地址,即可


二、vue基本配置以及使用-elemen-plus的设置

https://element-plus.gitee.io/zh-CN/

在man.js中导入elmen的包

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

 以及初步配置为全局变量

createApp(App).use(ElementPlus).mount('#app')
// createApp(App).mount('#app')

 

 

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

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

相关文章

【计算机网络】网络层:IPV6

IPV4耗尽,使用具有更多地址空间的IPV6 IPV6特点: (1)IPV6地址128位,更大地址空间,可以划分位更多的层次 (2)IPV6定义许多拓展首部,可提供更多功能,但IPV6首部长度固定,选项放在有效载荷中 (…

打败阿根廷的究竟是谁

2022年卡塔尔世界杯正在如火如茶的进行着。在今年的世界杯中,有两个令人意外的点,一个是日本队击败的德国队,另外一点是沙特队战胜了实力强盛的阿根廷队。 有人说打败阿根廷队的不是沙特队,而是科技------"半自动越位"技…

某Y易盾滑块acToken、data逆向分析

内容仅供参考学习 欢迎朋友们V一起交流: zcxl7_7 目标 网址:案例地址 这个好像还没改版,我看官网体验那边已经进行了混淆 只研究了加密的生成,环境不正确可能会导致的加密结果对 (太累了,先缓缓吧,最近事比…

创建Mongo官方的免费数据库并使用VSCode连接

注册账号 https://cloud.mongodb.com/ 在这个平台注册账号,并登录 创建数据库 选择shared,其他要收费 导入样本数据 导入后会发现数据中多了很多sample数据,用于练习 创建访问用户 允许任何地址访问 如果需要任何IP地址都能访问&#xff…

Qt-数据库开发-用户登录、后台管理用户(6)

Qt-数据库开发-使用QSqlite数据库实现用户登录、后台管理用户功能 文章目录Qt-数据库开发-使用QSqlite数据库实现用户登录、后台管理用户功能1、概述2、实现效果3、主要代码4、完整源代码更多精彩内容👉个人内容分类汇总 👈👉数据库开发 &…

UG环境设置

UG环境设置UG设置工作路径默认设置方法1: 修改快捷键路径方法2:修改“用户默认设置”UG设置窗口标题效果方法注意设置十字准线效果设置方法角色设置窗口布局效果方法命令搜索UG设置工作路径 默认设置 打开NX软件,新建模型默认路径如下&…

代码随想录算法训练营第三天| 链表理论基础, 203.移除链表元素,707.设计链表,206.反转链表

代码随想录算法训练营第三天| 链表理论基础, 203.移除链表元素,707.设计链表,206.反转链表 链表理论基础 建议:了解一下链接基础,以及链表和数组的区别 文章链接: 203.移除链表元素 建议: 本…

智源社区AI周刊No.109:ChatGPT预示大模型取代搜索引擎;Stable Diffusion2.1发布,8k高清图像生成...

汇聚每周AI热点,不错过重要资讯!欢迎扫码,关注并订阅智源社区AI周刊。ChatGPT火出圈:对话大模型驱动新型搜索范式诞生,或将取代搜索引擎火出圈的ChatGPT注册用户数量已超过五百万,无疑是2022年最火的AI模型…

ReactNative MacOS环境初始化项目(安卓)

MacOS 12.6.1 官方文档 英文 https://reactnative.dev/docs/environment-setup中文 https://www.react-native.cn/docs/environment-setup 相关文档 ReactNative MacOS环境初始化项目(ios)OpenJDK 与 AdoptOpenJDK 的区别 安装步骤 安装Homebrew - /bin/zsh -c "$(curl -f…

spring学习记录(七)

Spring中对象分类 Spring是一个功能强大的容器,容器中存储的是一个一个的对象,容器中的对象分为: 简单对象复杂对象 简单对象就是可以通过构造器直接new 出来的对象; 复杂对象是不可以直接通过构造器直接new出来的对象。 无论是…

[附源码]Python计算机毕业设计SSM基于课程群的实验管理平台(程序+LW)

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

Java中异常处理方式

文章目录针对异常的处理主要有两种方式:1.抛出异常2.try catch 捕获异常三道经典异常处理代码题针对异常的处理主要有两种方式: 1.抛出异常 遇到异常不进行具体处理,而是继续抛给调用者(throw,throws)抛出…

java8新特性之toMap的用法——全网独一无二的通俗易懂的讲解

对于java8的新特性toMap方法,相信有很多人都在工作中用过,接下来就通俗易懂的讲解一下toMap吧 先来看看官网对于toMap方法的解释 toMap有个三个重载的方法,每一个重载方法的详解分别如下 (1)方法1:两个参…

SpringBoot整合kafka到底怎么使用? (简单案例介绍——存放104协议解析报文信息)

前言 由于业务要求,我需要将104协议的报文内容解析后传到kafka里,然后程序也是一个SpringBoot项目,所以本篇文章我想说一说我是如何将那些数据传到kafka中并判断其是否消费,至于104协议的报文内容的解析和通信在此不去介绍&#…

【javassist】javassist 入门案例 生成类

1.概述 前面介绍的ASM入门门槛还是挺高的,需要跟底层的字节码指令打交道,优点是小巧、性能好。Javassist是一个性能比ASM稍差但使用起来简单很多的字节码操作库,不需要使用者掌握字节码指令,由东京工业大学的数学和计算机科学系的教授Shigeru Chiba开发。 本节将分为两个…

2022卡塔尔世界杯。CSDN世界杯勋章来啦

卡塔尔世界杯正在如火如茶的举办着,在比赛场上,我看到了来自世界各地的球队,他们都充满活力,充满激情,每一支球队都在努力的拼搏,无论是为了胜利,还是为了荣誉。我看到了一支支优秀的球队&#…

前端分页处理

页面中实现的分页效果,要么后端提供接口,每次点击下一页就调用接口,若不提供接口,分页得前端自己去截取。 方法一:slice方法 slice(参数1,参数2)方法是返回一个新的数组对象,左开右闭 参数1&…

Mel spectrum梅尔频谱与MFCCs

梅尔频谱和梅尔倒谱MFCCs是使用非常广泛的声音特征形式。 1.Mel-spectrogram梅尔语谱图 机器学习的第一步都是要提取出相应的特征(feature),如果输入数据是图片,例如28*28的图片,那么只需要把每个像素(pixel)作为特征,对应的像素…

【数据结构】链表定义及其常用的基本操作(C/C++)

目录 ●图示 ●链表类型定义 ●常用的基本操作(单链表) ●简单案例 ●图示 ●链表类型定义 1.单链表存储结构的定义 typedef struct lnode{elemtype data;struct lnode *next; }lnode,*linklist; 定义链表L:linklist &L&#x…

Windows系统服务器如何架设网站

Windows系统服务器如何架设网站 架设网站我们的需服务器必须要有iis功能,我们随便找个网站素材进行搭建 大家跟着我的步骤操作就可以啦 下面我们以Windows server 2008系统为例 右键我的电脑----管理-----角色-----web服务器(iis) Internet信…