vue脚手架项目创建及整理

news2024/10/1 17:26:32

环境准备

首先安装node,如果项目需要指定node版本 可以按装nvm控制版本

创建vue

在这里插入图片描述

vue create 项目名

在这里插入图片描述
选择对应版本


这边我是选的自定义,就是第三个选项,可以提前给我下好 router vuex什么的(空格)
在这里插入图片描述
选项如图标注
在这里插入图片描述

等待下载所需的东西
运行完后有两行命令,分别执行,只要能跑起来就成功了!
在这里插入图片描述

项目整理

项目运行后会带 # 就不好看
http://localhost:8080/#/
在router下加一句就好了
http://localhost:8080/
在这里插入图片描述

安装element

项目命令框执行
npm i element-ui -S
-----------------------------------------------
js 引用 复制即可
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

引用在 main.js 里 就完成了element
在这里插入图片描述

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

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

相关文章

什么是Spring

一、前言 参与java项目开发的工作,没有人可以离开Spring,但是什么是Spring呢?我们平时可以说对于这个概念早已经是熟视无睹。今天我还特意查看了官网的介绍,但是上面竟然没有说明Spring是什么,之说了Spring的特征和能…

这道面试题工作中经常碰到,但 99% 的程序员都答不上来

小时候都被问过一个脑筋急转弯,把大象放进冰箱有几个步骤?我们一开始都会抓耳挠腮,去想着该如何把大象塞进冰箱。最终揭晓的答案却根本不关心具体的操作方法,只是提供了 3 个步骤组成的流程,「把冰箱打开,把…

MQTT服务器源码解析

目录 1、关于header问题 2、MQTT 连接参数的使用 2.1连接地址 2.2 基于 TCP 的 MQTT 连接 2.3 基于 WebSocket 的连接 3、订阅topic 4、推送消息给订阅者 5、QOS 机制 5.1 QOS是什么 5.2 QOS的实现原理 5.3 发送流程 6、reatain机制 总结:给还没上线的…

节日灯饰灯串灯出口欧洲CE认证检测

灯串(灯带),这个产品的形状就象一根带子一样,再加上产品的主要原件就是LED,因此叫做灯串或者灯带。2022年,我国灯具及相关配件产品出口总额超过460亿美元。其中北美是最大的出口市场。其次是欧洲市场&#…

传奇开服教程GOM传奇引擎外网全套架设教程

传奇开服教程:GOM引擎外网架设教程 准备工具:版本,DBC数据库,传奇客户端,服务器,备案域名 架设传奇外网GOM引擎版本之前我们连接登录服务器,我们把版本,DBC数据库,传奇…

会议邀请 | 思腾合力邀您共赴PRCV 2023第六届中国模式识别与计算机视觉大会

第六届中国模式识别与计算机视觉大会(The 6th Chinese Conference on Pattern Recognition and Computer Vision, PRCV 2023)将于2023年10月13日至15日在厦门举办。PRCV 2023由中国计算机学会(CCF)、中国自动化学会(CA…

Java8实战-总结38

Java8实战-总结38 默认方法概述默认方法默认方法的使用模式可选方法行为的多继承 默认方法 概述默认方法 默认方法是Java 8中引入的一个新特性,希望能借此以兼容的方式改进API。现在,接口包含的方法签名在它的实现类中也可以不提供实现。缺失的方法实现…

静电除尘器的工作原理及使用说明

静电除尘器是一种通过静电场将空气中的颗粒物带电并吸附到电极上,再利用机械振打或气流将颗粒物从电极上清除的空气净化设备。以下是静电除尘器的工作原理及使用说明: 工作原理: 静电除尘器主要由电极系统、电源系统、收尘系统、清灰系统等…

计算机的分类

文章目录 前言一、超级计算机二、大型计算机三、迷你计算机(服务器)四、工作站五、微型计算机 前言 世界上所有的计算机总共分为五类:超级计算机、大型计算机、迷你计算机、工作站、微型计算机。今天就简单介绍下各自特点和用途。 一、超级计…

allegro pcb designer铜皮合并

前提,两块铜皮是同一个网络 现在是没有合并的状态 第一步选中两块铜皮 点击sharpe菜单,点击merge shape子菜单,两块铜皮就合并了。

字符输入转换流字符输出转换流

字符输入转换流&字符输出转换流 字符输入转换流&字符输出转换流 package newTest;import java.io.*;public class test2 {//目标: 掌握字符输入转换流public static void main(String[] args) {try(//文件管道对象//得到原始的字节编码InputStream fsnew Fi…

2023-2024年云赛道模拟题库

2023-2024年云赛道模拟题库上线啦,全面覆盖云计算,云服务,大数据和人工智能考点,都是带有解析,实时更新,永久使用 参赛对象及要求: 参赛对象:现有华为ICT学院及未来有意愿成为华为…

一个CPU是怎么寻址的?

目录 CISC vs RISC 概念和历史 CISC vs RISC 对比举例:X86的CAS(做原子操作的) 对比举例:ARM的CAS(做原子操作的) 指令寻址 指令中的操作数的寻址方式 各语言对象内存布局对比 C内存布局 理解编译单元 Java对象内存布局 python对象模型 CPU …

Linux 基金会分叉 Terraform,正式推出 OpenTofu

导读Linux 基金会宣布推出 OpenTofu,这是一个 Terraform 的开源替代方案,并且分叉自 Terraform。OpenTofu 原名 OpenTF,为所有人提供了一个在中立治理模式下的可靠的开源替代方案。 Terraform 是 HashiCorp 开源的一个安全和高效的用来构建、…

JavaScript中的深拷贝(deep copy)和浅拷贝(shallow copy)

聚沙成塔每天进步一点点 ⭐ 专栏简介 前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发…

突发!该国教育部将MDPI、Hindawi和Frontiers三大出版商打包“拉黑”了!

最近,基于对学术诚信和作者署名的特别关切,马来西亚大学教育部发布了一项声明,禁止该国的公立大学使用政府预算来支付在MDPI、Hindawi和Frontiers三家学术出版商旗下的所有期刊上发表论文的费用。 马来西亚大学教育部还成立了一个特别委员会…

MyCat-web安装文档:安装Zookeeper、安装Mycat-web

安装Zookeeper A. 上传安装包 zookeeper-3.4.6.tar.gzB. 解压 #解压到当前目录,之后会生成一个安装后的目录 tar -zxvf zookeeper-3.4.6.tar.gz#加上-c 代表解压到指定目录 tar -zxvf zookeeper-3.4.6.tar.gz -C /usr/local/C. 在安装目录下,创建数据…

Attention Is All You Need(中文版)

目录 1 简介 2 背景 3 模型结构 3.1 编码器和解码器 3.2 注意力机制 3.2.1 缩放的点积注意力机制 3.2.2 多头注意力机制 3.2.3 Transformers中的注意力机制 3.3 基于位置的前馈神经网络 3.4 词嵌入和 softmax 3.5 位置编码 4 为什么选择自注意力机制 5 训练 5.1 硬件和时间 5.2…

深眸科技自研AI视觉分拣系统,实现物流行业无序分拣场景智慧应用

在机器视觉应用环节中,物体分拣是建立在识别、检测之后的一个环节,通过机器视觉系统对图像进行处理,并结合机械臂的使用实现产品分类。 通过引入视觉分拣技术,不仅可以实现自动化作业,还能提高生产线的生产效率和准确…

java案例25:批量操作文件管理器

思路: 编写文件管理器,实现文件的批量操作。具体功能: 1.用户输入指令1,代表“指定关键字检索文件”, 此时需要用户输入检索的目录和关键字, 系统在用户指定的目录下检索出文件名中包含关键字的文件 并将其…