vue: ubuntu安装vue环境

一,官网:

https://nodejs.org/en/download

二,安装:

# Download and install nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
# in lieu of restarting the shell
\. "$HOME/.nvm/nvm.sh"
# Download and install Node.js:
nvm install 22
# Verify the Node.js version:
node -v # Should print "v22.19.0".
# Verify npm version:
npm -v # Should print "10.9.3".

三,配置npm使用淘宝源

$ npm config set registry https://registry.npmmirror.com
$ npm config get registry
https://registry.npmmirror.com

四,安装vue

$ npm install -g @vue/cli

创建符号链接:

sudo ln -s /home/liuhongdi/.nvm/versions/node/v22.19.0/bin/vue /usr/local/bin/vue 

查看版本:

$ vue -V
@vue/cli 5.0.9

五,创建vue项目

$ vue create my-vue-app
liuhongdi@lhdpc:/data/vue$ cd my-vue-app/
liuhongdi@lhdpc:/data/vue/my-vue-app$ npm run serve> my-vue-app@0.1.0 serve
> vue-cli-service serveINFO  Starting development server...DONE  Compiled successfully in 4253ms                                                                                                                                  21:20:13App running at:- Local:   http://localhost:8080/ - Network: http://192.168.219.3:8080/Note that the development build is not optimized.To create a production build, run npm run build.

 访问:

http://192.168.219.3:8080/

image

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

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

相关文章

golang实现ai聊天窗口

在Go语言中实现AI聊天窗口需要结合前端界面、后端服务以及AI模型调用。以下是一个分步实现的详细方案,包含关键代码示例和架构设计: 一、整体架构设计前端:使用HTML/CSS/JavaScript构建Web界面,通过WebSocket与后端…

源码反码补码

源码的每一位按位取反得到反码,反码是补码加一,反码解决的是正负零的问题。这让正零和负零是一个数,使得0统一

图的分类法:解耦数据和图表类型

HKUST 25 Fall COMP 6411D Data Visualization 课堂笔记可视化的可视化 当我第一眼看到 slide 中“chart taxonomies” ,我有两个反应:图表数量也太多了 这个分类方式并不是很直观,Comparsion / Relationship / Di…

完整教程:图解人工智能中的高等数学(python实现)---一元函数微分学

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

怎么建设网站临汾做公关用的网站

http://{ip}:{port}/refresh 说明:springBoot版本是1.5.9,接口路径与2.x,不同 路径区别:/refresh VS /actuator/refresh 用postman调用refresh接口刷新git配置,报错如下,没有权限 在服务本地启动&#…

提供信息门户网站搭建wap网站源码下载

笔者是ctf小白,这两天也是遇到.git泄露的题目,需要工具来解决问题,在下载和使用的过程中也是遇到很多问题,写此篇记录经验,以供学习 在本篇标题三中有详细介绍了Linux系统添加环境变量的操作教程,以供学习 …

35Bourbaki1-1@《数学原理》1-1@20250927

35Bourbaki1-1@《数学原理》1-1@20250927

IDEA 2024的零卡死配置

IDEA 2024的零卡死配置用了苹果container跑Linux之后,IDEA 2024 用着用着就卡死,这是苹果 Silicon M1 Max专属JDK 8 的零卡死配置。 JDK版本配置 IDEA 2024在默认情况下 Project 的 Language level 会从JDK22开始的,…

Python + MediaPipe 手势绘画高级应用:从基础到创意交互 - 实践

Python + MediaPipe 手势绘画高级应用:从基础到创意交互 - 实践pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "C…

有建设网站的软件吗吉林市最新消息今天

这是连续剧般的文章,请关注,持续更新中... 系列文章: http://t.csdnimg.cn/Os83Qhttp://t.csdnimg.cn/Os83Q这篇文章将我们的reactro转变成http服务器... HTTP HTTP介绍 HTTP是一个基于TCP通信协议的基础上的应用层协议。接下来我们需要解析HTTP请求消息…

网站怎么做百度认证做照片有那些网站好

这篇文章主要介绍了opencv python图像梯度实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一阶导数与Soble算子二阶导数与拉普拉斯算子图像边缘:Soble算子:二阶导数:拉…

天津智能网站建设制作桓台网站建设

转自:进阶 JavaScript 必知的 33 个点【进阶必备】 进阶 JavaScript 必知的 33 个点【进阶必备】 Original 前端小菜鸡之菜鸡互啄 前端开发爱好者 2022-04-11 08:32 收录于话题#javaScript进阶1个 点击下方“前端开发爱好者”,选择“设为星标” 第一…

Crypto 2021 s Accepted papers

转载自:https://crypto.iacr.org/2021/acceptedpapers.phpAccepted Papers 接收论文These papers are listed in order of submission.这些论文按提交顺序排列。White Box Traitor Tracing白盒背叛追踪 Mark Zhand…

详细介绍:【数据结构】哈希表(Hash Table)详解

详细介绍:【数据结构】哈希表(Hash Table)详解2025-09-27 16:57 tlnshuju 阅读(0) 评论(0) 收藏 举报pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; displa…

Github 12.3kstar, 3分钟起步做中后台?Go+Vue 脚手架,把权限、代码生成、RBAC 都封装好了

嗨,我是小华同学,专注解锁高效工作与前沿AI工具!每日精选开源技术、实战技巧,助你省时50%、领先他人一步。👉免费订阅,与10万+技术人共享升级秘籍!go-admin 是一个基于 Gin + Vue 的前后端分离权限管理脚手架,…

电子商务网站建设行情建设网站的网站叫什么男

0 前言 无人驾驶技术是机器学习为主的一门前沿领域,在无人驾驶领域中机器学习的各种算法随处可见,今天学长给大家介绍无人驾驶技术中的车道线检测。 1 车道线检测 在无人驾驶领域每一个任务都是相当复杂,看上去无从下手。那么面对这样极其…

河南城乡建设部网站首页中国十大购物网站排行榜

题目链接 洛谷P4559 题解 只会做\(70\)分的\(O(nlog^2n)\) 如果本来就在区间内的人是不用动的,区间右边的人往区间最右的那些空位跑,区间左边的人往区间最左的那些空位跑 找到这些空位就用二分 主席树 理应可以在主席树上的区间二分而做到\(O(nlogn)\)&…

苏州app制作大型网站的优化方法

网络连通性测试与网络命令验证实验报告西工大计算机网络原理实验报告网络原理实验报告实验名称: 网络连通性测试与网络命令验证 日期: 2015.11.09 班级:学号: 姓名:【一】 预习内容5个常用网络命令&#xf…

北京网站seo哪家公司好wordpress 在线教育主题

存储引擎: 存储引擎是Inndb。它支持行级锁,以及表级锁, 支持事务操作, 需要主键,若未声明主键,则会寻找表中的 not null 以及 unique 修饰的字段。若表中无此类字段,会隐式生成字段。 索引&…

网站需求清单如何用c 做网站

文章目录 一、softmax函数1.1 引入指数形式的优点1.2 引入指数形式的缺点 二、交叉熵损失函数2.1 交叉熵损失函数2.2 softmax与交叉熵损失 参考资料 一、softmax函数 softmax用于多分类过程中,它将多个神经元的输出,映射到(0,1)区…