当前位置: 首页 > news >正文

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.gsyq.cn/news/12983.html

相关文章:

  • golang实现ai聊天窗口
  • 图的分类法:解耦数据和图表类型
  • 完整教程:图解人工智能中的高等数学(python实现)---一元函数微分学
  • IDEA 2024的零卡死配置
  • 3.WPF - 依赖属性 - 实践
  • PyTorch详细安装指南与常见问题解决强大的方案
  • 图解KV Cache
  • [K230学习笔记] 00前言
  • [CEOI 2025] theseus 做题记录
  • 2025/9/27
  • C# Smart3D Plate Part零件形状提取
  • Momentum Gradient Descent(动量梯度下降)
  • 深入解析:深度解析 CUDA-QX 0.4 加速 QEC 与求解器库
  • ProjectLibre
  • 实用指南:iOS 26 兼容测试实战,机型兼容、SwiftUI 兼容性改动
  • 大中午记梦
  • Arbess从入门到实战(3) - 启用Arbess+GitLab实现Vue.js计划自动化部署
  • 【深度学习计算机视觉】07:单发多框检测(SSD) - 指南
  • MZOI 2025.9.27
  • Pod、 PVC 、PV的刪除順序
  • Windows系统Web UI自动化测试学习系列2--环境搭建--Python-PyCharm-Selenium - 指南
  • 完整教程:AI 术语通俗词典:Diffusion Models(扩散模型)
  • 抽象化编程(Abstraction in Programming)
  • 详细介绍:198种组合算法+优化BiLSTM神经网络+SHAP分析+新数据预测+多输出!深度学习可解释分析,强烈安利,粉丝必备!
  • 配置RedisTemplate序列化机制
  • 优化器(Optimizer)
  • Kubernetes Ingress与OpenShift Router的比较分析
  • Kubernetes日志管理:使用Loki进行日志采集
  • PySimpleGUI 4.60.5完整控件列表
  • 深入解析:Go基础:模块化管理为什么能够提升研发效能?