vue安装遇到的问题一：vue安装后使用npm list vue 显示empty的一种解决方法

已于 2022-09-22 10:12:22 修改
阅读量9.8k 收藏 30
点赞数 12
分类专栏： vue 文章标签： vue.js npm javascript
于 2022-06-04 10:22:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52126119/article/details/125119212
版权

安装vue时，遇到许多坑，在网上找了许多方法，把试验成功的方法总结了出来

步骤一

先全局查看一下

npm list vue -g

如果出现vue版本信息，就说明安装成功，继续步骤三

如果还是empty，就继续步骤二

（很可惜我没成功...）

步骤二

cnpm

先安装cnpm

npm install cnpm -g

使用cnpm安装vue

cnpm install vue

查看安装的vue版本

cnpm list vue

成功查到结果

步骤三

安装成功却查不出版本号，说明前面环境配置有问题

此电脑/我的电脑搜索vue.cmd->右键打开文件所在位置

 复制目录路径

添加到环境变量中

此电脑->右键属性->高级系统设置->环境变量->双击系统变量中的Path->新建->将复制的路径粘贴->确定，确定，确定（一定记得确定）

颖儿♡＾▽＾♡
关注
  • 12
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
vue todo-list组件发布到npm上的方法
08-27
a vue component of todolist
vue-better-list-view:vue长列表按需渲染
05-18
vue-better-list-view vue长列表按需渲染， 使用 提供npm版本和umd版本 npm 安装 // install npm i vue-better-list-view --save-dev // in your project import listView from 'vue-better-list-view' 或 umd 引入 [removed][removed] [removed] Vue.use(listView); [removed] 用法示例： <section xss=removed> <list-view @scroll="listScroll" :list="list" :item-height-getter="itemHe
npm list vue显示empty解决办法
m0_67393619的博客
03-08 2135
出现这种情况怎么办？ D: odejs odejs>npm list vue D: odejs odejs `-- (empty) 后面加个 “ -g ” （全局） 试试 D: odejs odejs>npm list vue -g D: odejs odejs ode_global `-- vue@2.6.14
【Vue】vue安装后使用npm list vue 显示empty的一种解决方法
LraoAspire的博客
03-30 5815
先安装cnpm npm install cnpm -g 然后使用cnpm安装vue cnpm install vue 最后查看安装的vue版本 cnpm list vue 查询结果：
npm list不显示已安装框架解决方法
最新发布
weixin_45267388的博客
03-06 195
这时只需要 npm list -g 加一个g就行了。npm list可能会显示。
vue安装遇到的5个报错及解决方法
12-03
前言 这篇博文不会教你怎么安装vue，但会告知安装过程中可能遇到的5个问题 5个报错 ①：若使用vue -V查询是否安装vue时提示没有找到指令，可能是你没有安装vue-cli脚手架（vue-cli可快速创建vue项目） 　　　　         ②：vue安装淘宝镜像时报错，提示无效的配置，必须是完整合法的http地址，原因是我在url前面加了1个空格，这里不要有空格 注：安装淘宝镜像后，需要用到npm的地方都可以用cnpm替换，但建议安装模块和插件用cnpm，打包和启动vue用npm （cnpm是国内镜像，npm服务器在国外，固cnpm安装速度更快，但可能出现更新不及时导致出现一些不可预料
04-Webpack
mjjhen的博客
09-19 309
前言 本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程 附上链接：https://ke.qq.com/course/3453141 谁能拒绝一个100%好评还加课的老师呢 目录 前言 认识webpack 脚手架依赖webpack Webpack到底是什么呢？ Vue项目加载的文件有哪些呢？ Webpack的使用 Webpack的使用前提 Webpack的安装 Webpack的默认打包 创建局部的webpack Webpack配置 Webpack配置文件
查看vue版本的命令--npm list vue
weixin_40945354的博客
09-27 5752
(base) bogon:~ ivyone$ npm list vue └── vue@3.0.0 不是—v或vesion
Vue初学之使用npm搭建Vue环境
小小默：进无止境
01-15 1万+
这里系统是windows，先安装node(新版的Node.js已自带npm)，然后使用npm安装vue，这里没有使用nvm。 【1】node安装 官网地址：https://nodejs.org/en/download/ 下载后傻瓜式安装即可，具体教程可以参考：node.js安装配置 默认会配置node和npm的环境变量： 安装后会自动提示如下，这里可以直接关闭窗口。 我们可以看到环境变量...
vue.js安装及检验
我与代码的故事
05-10 2823
网上太多误人教学了。 明明是查看vuecli的版本，却说是查看vue的版本，真的无语。 检验本地vue.js版本的是： npm list vue npm list vue搜出来的才是vue的版本，vue -V搜出来的是脚手架，也就是vuecli的版本。vue -V是错的检查vue版本的方法，是错的，是错的，是错的。 npm list vue才是对的，npm list vue才是对的，npm list vue才是对的。 接着，上vue的安装：我装2.6.10的。 方法：npm install vue@指
查看Vue项目npm报错
qq_45256497的博客
03-25 1011
npm list >>npmlist
【解决问题】‘vue‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
热门推荐
weixin_44566194的博客
04-04 3万+
【解决问题】'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。
用npm安装vue和vue-cli,并使用webpack创建项目的方法
12-12
一、npm 版本需要大于 3.0，如果低于此版本需要升级它： # 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g 二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装： # 最新稳定版 $ cnpm install vue 三、Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。 # 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置，默认回车即可
在Vue项目中安装配置Math.js的方法解决计算bug问题
01-20
输入命令npm install mathjs 进行安装； 出现 如下图所示则证明安装成功。 2、配置math.js const { create, all } = require('mathjs') const config = { number:’BigNumber’, precision:20 } const math ...
vue npm install 安装某个指定的版本操作
11-19
npm安装指定版本的package，只需要在命令行之后加上 ‘@版本号’即可，操作如下： 1、vue-print-nb最新版本是1.5.0版本，如果我们只想要下载1.2.0版本，操作如下： npm install –save-dev vue[email protected] npm ...
vue调试工具vue-devtools安装及使用方法
12-12
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools 2....
关于 npm 最详细的介绍
热爱思考、活力满满、开朗爱笑的年轻人
01-01 1万+
最详细、最全面、最细致的 NPM 教学
vue的安装和使用
HaoTiantian1的博客
06-04 338
1、首先我们安装安装git工具 2、安装node,检查node安装是否成功，在git工具中输入node -v，如果安装成功，会显示版本号，那么就安装成功了。 这就是安装成功后显示的node版本号。 3、检查npm是否安装成功，在git工具中输入npm(npm一般随node 一起安装在电脑中，node如果成功了，npm基本都会没问题)。 显示出这样的代码说明npm也安装成功了。 4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm 在gi
使用npm安装vue
09-28
使用npm安装vue的步骤如下： 1. 首先，确保你已经安装了node，并且npm已经自动安装好了。你可以通过在命令行中输入`npm -v`来验证npm是否已安装。 2. 安装cnpm国内镜像，以提高安装依赖包的速度和稳定性。在命令行中输入`npm install -g cnpm --registry=http://registry.npm.taobao.org`来安装cnpm。 3. 安装vue-cli脚手架构建工具，这是一个必须在全局中进行安装的工具，用于快速搭建vue项目。在命令行中运行`npm install -g vue-cli`和`npm install -g @vue/cli`来安装vue-cli。 4. 确认安装成功，可以在命令行中输入`vue -V`来查看vue版本信息。 5. 最后，为了避免报错，需要增加环境变量NODE_PATH。在环境变量中添加NODE_PATH，并设置其值为`D:\nodejs\node_global\node_modules`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值