零基础手把手玩vue3.0+element+net5(二)
cac55 2024-10-11 11:02 29 浏览 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项目开发。
相关推荐
- 如何屏蔽色情网站?_怎么能屏蔽网站
-
一、基础防御：全网DNS劫持阻断1.修改全网DNS服务器推荐DNS：安全DNS：CleanBrowsing（成人内容过滤）：185.228.168.168/185.228.169.168Open...
- 容器、Pod、虚拟机与宿主机网络通信全解:看这一篇就够了
-
在日常开发与部署过程中，很多人一开始都会有这样的疑惑：容器之间是怎么通信的？容器怎么访问宿主机？宿主机又如何访问容器？Kubernetes中Pod的网络和Docker容器一样吗？容器跨机器是...
- Win11专业版找不到共享打印机的问题
-
有很多深度官网的用户，都是在办公室上班的。而上班就需要使用打印机，但更新win11系统后，却出现同一个办公室里面的打印机都找不到的问题，这该如何处理呢？其实，可能是由于我们并没有打开共享打印机而造成的...
- 常用电脑快捷键大全，摆脱鼠标依赖，建议收藏
-
Ctrl+C复制Ctrl+X剪切Ctrl+V粘贴Ctrl+Z撤销Ctrl+Y重做Ctrl+B加粗Ctrl+A全选所有文件Ctrl+S保存Ctrl+N新建Ctrl+O打开Ctrl+E...
- Win11实现自动追剧Jellyfin硬解，免NAS复杂操作
-
大家好，欢迎来到思赞数码。本期将详细介绍如何通过安装和配置Sonarr、Radarr、Prowlarr、qBittorrent和Jellyfin，打造一套自动化的影视管理系统。很多人认为，要实现自动追...
- 微软Win11安卓子系统WSA 2308.40000.3.0更新推送下载
-
IT之家9月21日消息，微软官方博客今日宣布，已面向所有WindowsInsider用户推送了Windows11安卓子系统的2308.40000.3.0版本更新。本次更新和之前...
- 路由器总掉线 一个命令就能猜出八九分
-
明明网络强度满格或有线图标正常，但视频卡成PPT、网页刷不开、游戏动不了，闲心这些问题很多小伙伴都碰到过。每次都要开关路由、宽带/光猫、插拔网线……一通忙。有没有啥办法能快速确定故障到底在哪儿，方便处...
- windows电脑如何修改hosts文件?_windows怎么修改hosts
-
先来简单说下电脑host的作用hosts文件的作用：hosts文件是一个用于储存计算机网络中各节点信息的计算机文件；作用是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中...
- win10广告弹窗ShellExperienceHost.exe
-
win10右下角老是弹出广告弹窗，排查为以下程序引起，但是这个是系统菜单的程序不能动：C:\Windows\SystemApps\ShellExperienceHost_cw5n1h2txyewy\S...
- Win10 Mobile预览版10512/10166越狱解锁部署已被黑客攻破
-
看起来统一的WindowsPhone和Windows越加吸引人们的关注，特别是黑客们的好奇心。XDA论坛宣称，在Win10Mobile预览版10512/10166上，已取得越狱/解锁部署突破，比如可...
- 6款冷门小众软件，都是宝藏，建议收藏
-
真的很不错(。-ω-)zzzBearhttps://bear.app/cn/Bear是一个漂亮，灵活的Markdown的写作工具。它一样只支持苹果家的全平台。它一出现就惊艳四方，就被AppSto...
- 如何让不符合条件的设备升级Windows 11
-
如果你是最近（6月24日之后）加入WindowsInsider项目并且你的设备并不符合升级条件，那么当你在尝试升级Windows11的时候可能会看到以下错误：你的PC不符合Wi...
- windows host文件怎么恢复?局域网访问全靠这些!
-
windowshost文件怎么恢复？windowshost文件是常用网址域名及其相应IP地址建立一个关联文件，通过这个host文件配置域名和IP的映射关系，以提高域名解析的速度，方便局域网用户使用...
- Mac Hosts管理工具---SwitchHosts
-
switchhosts!formac是一款帮助用户快速切换hosts文件的工具，switchhosts!formac能够帮助你快速方便的打造个人专用的网络环境，支持本地和在线两种方式，并且支持...
- 「浅谈趣说网络知识」 第十二弹 老而不死的Hosts，它还很有用
-
【浅谈趣说网络知识】第十二弹老而不死的Hosts，它还很有用什么时候才觉得自己真的老了，不是35岁以上的数字，不是头上的点点白发，而是不知觉中的怀旧。风口上的IT界讲的就是"长江后浪推前浪...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 如何绘制折线图 (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)