零基础手把手玩vue3.0+element+net5(二)
cac55 2024-10-11 11:02 23 浏览 0 评论
今天首先从前端开始，搭建vue3.0项目，直接参照官网进行：
安装教程：https://v3.cn.vuejs.org/guide/installation.html
官方文档上介绍有三种引用vue.js的方式：
- 在页面上以 CDN 包的形式导入。
- 使用 npm 安装它。
- 使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如，热重载、保存时的提示等等)。
这里就不去搬运官网的内容了，反正都是中文，自行点击上面的链接进入官网教程，都可以很清楚地看懂，有不明白的可以私信一起交流交流。下面我使用Vite工具来创建项目，Vite是尤大大又一力作，是一种新型的前端构建工具，可显着改善前端开发体验。
首先在电脑上创建一个目录，存放vue项目，直接文件路径中输入cmd，按Enter键
$ npm init @vitejs/app test01
$ cd test01
$ npm install
$ npm run dev直接执行报错：
1error code ENOLOCAL
error Could not install from "Files\nodejs\node_cache\_npx\18016" as it does not contain a package.json file.
先在网上查了查答案：大多数是说node路径带有空格(D:\Program Files确实带有空格)
直接执行：(目录名称可自行定义，执行完之后会发现D盘下多了文件夹Program~1)
npm config set cache "D:\Program~1\nodejs\node_modules\npm\node_cache"--global执行完之后，确实是可以的，进入选择项目模板界面(按上下选择)
这里我选择的是vue项目模板，创建完项目，本地目录将按照模板生成如下文件：
切换到项目目录(cd test01)，安装依赖(npm install)，运行项目(npm run dev):
出错了，求助度娘之后，有些人说是NodeJs版本低了，查了下(node -v)，我电脑上当前版本为：10.15.3，这是很早之前安装的版本，我们来升级下
直接到官网下载windows安装包即可(http://nodejs.cn/download/)，我下载的是node-v14.16.0-x64.msi，直接双击运行，一直下一步下一步到安装完成。
再次运行：npm run dev，发现项目启动成功了
在浏览器中启动：http://192.168.56.1:3000/
至此，vue项目从创建到运行就启动起来了，下一篇将进入如何用vs code来进行vue项目开发。
相关推荐
- 三星电视通过VGA端口接连笔记本教程
-
科技的发达不仅仅表现于智能电视的功能有多全面，手机、笔记本、电视盒子有多智能，而是这些电子产品是否能够相互连接、多屏互动进而进行多媒体播放与数据传输等。目前，三星电视早已可以实现多项设备间的连接与使用...
- KVM210UA 2口USB电脑切换器VGA KVM切换器 键鼠控制2台电脑 免电源
-
登昌恒KVM210UA2口USB电脑切换器VGAKVM切换器键鼠控制2台电脑免外接电源即时切换显示画面不延迟热插拔免驱动适合MAC苹果电脑笔记本和台式电脑...
- 大神自己将老旧笔记本改装成多方面强悍的“超极本”
-
文/自己建房子亲戚有个03年的清华紫光笔记本，配置是奔腾1.8G，XP勉强运行，亲戚今年帮了非常大的忙，无以回报，把他这个垃圾本改一下略为回报新配置：CPU是i53470t的，内存是4G两条组成双...
- 正点原子开拓者FPGA开发板资料连载第二十二章RGBTFT-LCD彩条显示
-
1）实验平台：正点原子开拓者FPGA开发板2）摘自《开拓者FPGA开发指南》关注官方微信号公众号，获取更多资料：正点原子3）全套实验源码+手册+视频下载地址：http://www.openedv.c...
- 显卡引出故障现象及排除（造成显卡故障的原因有哪些）
-
故障现象一：显示器黑屏故障排除：1、先确定是否是显卡有问题。判断的方法是听PC喇叭的叫声，一长两短声肯定是显卡发生了致命错误，只能更换。2、如果无法断定显卡的好坏，可以换一块试试，还不行的话则有几种情...
- 用FPGA/树莓派RP2040驱动HDMI的资源
-
如果能够用FPGA能够驱动显示器，就可以做不少与视频相关的实验，很多FPGA开发板使用了比较简单的VGA接口，连接非常简单，如下图：然后我们就可以用FPGA的逻辑来做各种游戏了：然而，现在的显示器基本...
- STM32+A3P125 图形控制器方案，多参数监护仪数据采集模块深度解析
-
一、生理信号采集与转换架构多参数监护仪数据采集模块是将人体生理信号转化为数字信号的核心单元，其架构遵循“传感器感知→信号调理→模数转换→数字处理”的标准化流程：1.传感器类型与生理信号转换传感器...
- 电脑重启都提示AMD显卡错误“No AMD graphics driver is..”解决方法
-
电脑重装完系统后，每次重启都提示AMD显卡错误“NoAMDgraphicsdriveris......”怎么办？网上相关问题解决很多人方法是打驱动，可是有些是驱动打好了还是反复出现NoAM...
- ipad1改造显示器之拆解篇（ipadair改显示器）
-
闲来无事，翻出来家里12年前的初代ipad，除了能正常充电开机盖泡面之外，好像啥也干不了……上网一搜有许多改成显示器的案例，按耐不住的激动的小手也想跃跃欲试一番，说干就干，先从拆解开始。注意，以hom...
- 老电脑显卡驱动装不上?降级旧版驱动一招解决!
-
老电脑显卡驱动装不上？降级旧版驱动一招解决！今天给家里的老台式机重装系统遇到了麻烦：i34130处理器配上HD7770显卡，装完Win7后，显卡驱动死活装不对！问题表现：最初状态：设备管理器“显...
- 想淘汰VGA 先得知道这些门道（vga是不是淘汰了）
-
不要说新显卡，就是在主板上，VGA接口也越来越少，眼看就被彻底淘汰了。当然小伙伴们的显示器应该早就不是只有VGA接口的旧型号了，彻底淘汰VGA就换个接口或者弄个转接呗，可是……真的这么简单吗？小编今天...
- IMX258摄像头驱动（摄像头最新驱动）
-
IMX25813MPOISUSBCamera(A)说明IMX25813MPOISUSBCamera(A)功能简介特性USB通用摄像头1300万像素接口USB...
- 朗强科技:VGA视频信号分配原理分析
-
VGA分配器的主要功能是把一个视频信号重新分配成多个信号。高分辨率的视频分配放大器的作用是在接收一个来自计算机视频端口的信号后将其进行放大处理，并且在保持原有信号质量的情况下，将其信号分配到多个高分辨...
- 视频矩阵的应用及分类（视频矩阵的应用及分类）
-
视频矩阵-基本功能和要求视频矩阵-基本功能和要求 一个矩阵系统通常还应该包括以下基本功能：字符信号叠加;解码器接口以控制云台和摄像机;报警器接口;控制主机，以及音频控制箱、报警接口箱、控制键盘等附件...
- 告别蓝屏烦恼，Windows系统崩溃急救指南!
-
Windows系统蓝屏（BlueScreenofDeath，简称BSoD）是Windows操作系统在无法从系统错误中恢复时显示的屏幕图像，通常会伴随一个或多个错误代码，这些代码是诊断问题的关键线...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 三星电视通过VGA端口接连笔记本教程
- KVM210UA 2口USB电脑切换器VGA KVM切换器 键鼠控制2台电脑 免电源
- 大神自己将老旧笔记本改装成多方面强悍的“超极本”
- 正点原子开拓者FPGA开发板资料连载第二十二章RGBTFT-LCD彩条显示
- 显卡引出故障现象及排除（造成显卡故障的原因有哪些）
- 用FPGA/树莓派RP2040驱动HDMI的资源
- STM32+A3P125 图形控制器方案，多参数监护仪数据采集模块深度解析
- 电脑重启都提示AMD显卡错误“No AMD graphics driver is..”解决方法
- ipad1改造显示器之拆解篇（ipadair改显示器）
- 老电脑显卡驱动装不上?降级旧版驱动一招解决!
- 标签列表
-
- 如何绘制折线图 (52)
- javaabstract (48)
- 新浪微博头像 (53)
- grub4dos (66)
- s扫描器 (51)
- httpfile dll (48)
- ps实例教程 (55)
- taskmgr (51)
- s spline (61)
- vnc远程控制 (47)
- 数据丢失 (47)
- wbem (57)
- flac文件 (72)
- 网页制作基础教程 (53)
- 镜像文件刻录 (61)
- ug5 0软件免费下载 (78)
- debian下载 (53)
- ubuntu10 04 (60)
- web qq登录 (59)
- 笔记本变成无线路由 (52)
- flash player 11 4 (50)
- 右键菜单清理 (78)
- cuteftp 注册码 (57)
- ospf协议 (53)
- ms17 010 下载 (60)