首页 > 其他分享 >npm:安装@vue/cli(5.0.8)

npm:安装@vue/cli(5.0.8)

时间:2023-09-07 13:35:47浏览次数:50  
标签:npm 5.0 vue node cli usr local

一,安装@vue/cli:

查看bin目录下的程序

root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/
corepack  node      npm       npx

用npm安装

root@lhdpc:/usr/local/source/node# npm install -g @vue/cli

查看bin目录下的程序

root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/
corepack  node  npm  npx  vue

删除以前创建的符号链接

root@lhdpc:/usr/local/source/node# rm /usr/local/bin/vue

创建符号链接

root@lhdpc:/usr/local/source/node# ln -s /usr/local/soft/node-v18.17.1-linux-x64/bin/vue /usr/local/bin/vue

二,查看@vue/cli的版本:

root@lhdpc:/usr/local/source/node# vue -V
@vue/cli 5.0.8

三,升级@vue/cli版本的命令

查看@vue/cli的当前版本

root@lhdpc:/usr/local/source/node# vue -V
@vue/cli 5.0.8

升级

root@lhdpc:/usr/local/source/node# npm update -g @vue/cli
changed 1 package in 16s
86 packages are looking for funding
  run `npm fund` for details

查看升级后的版本:

root@lhdpc:/usr/local/source/node# vue -V
@vue/cli 5.0.8

说明:刘宏缔的架构森林—专注it技术的博客,
网站:https://blog.imgtouch.com
原文: https://blog.imgtouch.com/index.php/2023/09/06/npm-an-zhuang-vue-cli-5-8/
代码: https://github.com/liuhongdi/ 或 https://gitee.com/liuhongdi
说明:作者:刘宏缔 邮箱: [email protected]

四,查看npm的版本:

root@lhdpc:/usr/local/source/node# npm -v
10.0.0

标签:npm,5.0,vue,node,cli,usr,local
From: https://www.cnblogs.com/architectforest/p/17684584.html

相关文章

  • 新建vue项目([email protected])
    一,通过命令行创建root@lhdpc:/data/vue#vuecreateresponsive此处使用默认选中的vue3,回车即可二,运行vue项目:按照提示运行root@lhdpc:/data/vue#cdresponsive/root@lhdpc:/data/vue/responsive#npmrunserve从浏览器查看效果:说明:刘宏缔的架构森林—专注it技......
  • npm:升级自身时报错:EBADENGINE
    一,报错信息root@lhdpc:~#npminstall-gnpmnpmERR!codeEBADENGINEnpmERR!engineUnsupportedenginenpmERR!engineNotcompatiblewithyourversionofnode/npm:[email protected]!notsupNotcompatiblewithyourversionofnode/npm:[email protected]......
  • vue 图片加框及文字标注,并可返回base64
    //图片添加标注并转为base64,用于对图片某个地方画框标注文字/** *获取table可视化高度 *@paramimgUrl图片地址 *@parammarkInfo标注信息,markInfo.target是标注画框的坐标,markInfo.text为标注文字,默认标注在画框的右下角 *@paramisBase64是否返回base64,false......
  • vue知识点总结
    一、MVVM模型(model-view-viewmodel) ......
  • 可以无脑将Vue2项目升级到Vue3吗?
    Vue3如此优秀,是不是应该赶紧把项目都升级到Vue3?但不是所有项目都适合升级。1应该从2升到3吗?如开启一个新项目,直接使用Vue3最佳选择。以前独立使用Vue2开发应用,不管咋组织代码,无法避免在data、template、methods中上下反复横跳,这种弊端在项目规模上来后更明显。由于vue-cli基......
  • npm,nrm管理源仓库地址
    npm修改源地址,使用nrm管理源仓库地址npm源地址查看与修改#查看当前源地址npmgetregistry#设为淘宝镜像npmsetregistryhttps://registry.npm.taobao.org/使用nrm便捷管理源#全局安装npminrm-g#查看版本,注意是大写Vnrm-V#查看nrm预设配置源地址nrmls......
  • Vue源码学习(二):<templete>渲染第一步,模板解析
    好家伙, 1.<template>去哪了在正式内容之前,我们来思考一个问题,当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的? 它会经历四步:解析模板:Vue会解析<template>中的内容,识别出其中的指令、插值表达式({{}}),以及其他元素和属性。生成AST:解析模......
  • vue 生成海报并下载
    用到插件   vue-canvas-poster 具体的使用方法:html:<vue-canvas-poster:widthPixels="0":painting="painting"@success="success"@fail="fail"></vue-canvas-poster><......
  • springboot vue人事管理系统源码
    开发环境及工具:大等于jdk1.8,大于mysql5.5,idea(eclipse),nodejs,vscode(webstorm)技术说明:springbootmybatisvueelementui代码注释齐全,没有多余代码,适合学习(毕设),二次开发,包含论文技术相关文档。功能介绍:员工端:考勤打卡:定位当前位置,打卡需要在打卡范围内才可打卡(后台设置打卡范围)我的......
  • 在vue项目中使用webWorker
    使用webworker可以进行多线程的数据处理, 我们可以把包含大量数据的逻辑交给webworker, 能避免在数据处理过程中造成的页面卡顿.1.首先,你可以在项目根目录的任意目录下,新建一个webworker的文件直接调用预置方法postMessage来传递数据, 使用onmessage来监听和获取处理完......