win10上vue 安装、卸载、升级

本文指导如何在Windows上卸载和重新安装Vue,包括设置全局路径、安装cnpm、配置环境变量,重点在于详细步骤以安装Vue 3.0及其命令行工具,并解决npm速度慢的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、vue 卸载

 

2、vue 安装

2.1、安装 node.js

https://nodejs.org/en/download/

下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘

 

2.2、设置global和cache路径

说明:设置路径能够把通过npm安装的模块集中在一起,便于管理。

(1)在nodejs的安装目录下,新建node_global和node_cache两个文件夹

(2)设置global和cache

npm config set prefix "D:\server\nodejs12\node_global"

npm config set cache "D:\server\nodejs12\node_cache"

设置成功后,后续用命令npm install XXX -g安装以后模块就在D:\Program Files\nodejs\node_global\node_modules里

 

2.3、安装cnpm

说明:由于许多npm包都是在国外,我们这里用到淘宝的镜像服务器,来对我们依赖的module进行安装,因此首先安装“中国的npm”——cnpm

参考网址如下:http://npm.taobao.org/

npm install -g cnpm --registry=https://registry.npm.taobao.org
  

 

2.4、设置环境变量(非常重要)

说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径

修改用户变量PATH

选中PATH,点击编辑,在已有的变量后面,加入英文的";",然后把“D:\server\nodejs12\node_global”加到后面

新增系统变量NODE_PATH

在下面的系统变量中点击新建,弹出下框,把变量值设置成“D:\server\nodejs12\node_global\node_modules”

下面两步,要先进入你要安装的项目文件夹下(直接在 D:\server\nodejs12\node_global\node_modules下就可以了)

 

2.5、用cnpm安装vue


  
  1. cnpm install vue -g
  2. install 安装命令
  3. vue 安装模块
  4. -g 放在全局目录

 

2.6、安装vue命令行工具


  
  1. // 这样安装的是 vue 2.x
  2. cnpm install vue-cli -g
  3. // 这样安装的是 vue 最新版
  4. npm install -g @vue/cli

vue3.0 开始,可以通过 在终端用vue ui 打开一个网页,通过网页进行 创建vue 项目 

 

安装错了,我想安装的 是 vue3.0

npm安装vue-cli时速度慢,fetchMetadata经常卡住并报异常

将npm的仓库地址改为淘宝镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

 

参考文章:WIN10下搭建vue开发环境

 

<think>好的,我现在需要帮助用户解决在UniApp项目中删除node_modules后如何重新安装依赖的问题。首先,我应该回忆一下相关的步骤和可能遇到的问题。 用户提到他们已经删除了node_modules文件夹,接下来需要重装依赖。通常的做法是使用npm install或者yarn命令,但可能需要先清除缓存。记得有时候缓存会导致问题,特别是之前安装失败的情况。所以第一步应该是清除npm的缓存,使用npm cache clean --force命令。这样可以避免旧的缓存文件影响新安装的依赖。 接下来,用户需要进入项目根目录,也就是包含package.json文件的地方。然后运行npm install,这样npm会根据package.json中的依赖列表重新下载所有包到新的node_modules文件夹里。如果用户使用的是yarn,可能需要用yarn install命令。不过根据引用中的内容,用户之前可能遇到了一些环境变量或路径的问题,比如引用[2]提到的node环境变量配置,可能需要检查是否正确设置,否则安装可能失败。 安装完成后,用户应该运行npm run dev或对应的启动命令来测试是否成功。如果还是报错,可能需要检查依赖版本是否正确,或者是否存在其他配置问题。例如,引用[4]中提到的vue3.0项目中的错误,可能与依赖版本不兼容有关,可能需要更新或降级某些包。 另外,用户可能遇到权限问题,尤其是在Windows系统下,删除node_modules有时会因为文件路径过长或权限问题无法彻底删除。这时候可能需要使用rimraf工具,先全局安装rimraf,然后在项目目录执行rimraf node_modules来彻底删除文件夹,再重新安装依赖。引用中虽然没有直接提到rimraf,但根据常见问题,这是一个可行的解决方案。 还要注意,如果项目是从版本控制系统(如SVN,引用[3])下载的,可能存在依赖缺失的情况,比如package-lock.json或yarn.lock文件未提交,导致安装的版本不一致。建议用户确保这些锁文件存在,以便依赖版本一致。 最后,提醒用户在安装依赖后,如果仍有问题,可以尝试删除package-lock.json或yarn.lock文件,再次运行npm install,以生成新的锁文件,排除版本冲突的可能。同时,检查是否有过时的依赖,使用npm outdated查看,并更新必要的包。</think>### 如何在UniApp中删除node_modules后重装依赖? 1. **清除旧依赖和缓存** - 若已手动删除`node_modules`文件夹,还需清除npm/yarn缓存以避免残留问题: ```bash npm cache clean --force ``` 或(若使用yarn): ```bash yarn cache clean ``` 2. **检查环境变量(如遇安装失败)** - 确保Node.js和npm的路径已正确添加到系统环境变量中(引用[2])。若安装依赖时提示权限问题,可尝试以管理员身份运行命令行工具。 3. **重新安装依赖** - 在项目根目录(含`package.json`的目录)执行: ```bash npm install ``` 或(若使用yarn): ```bash yarn install ``` 4. **验证安装结果** - 安装完成后,运行项目启动命令(如UniApp常用命令): ```bash npm run dev ``` - 若报错依赖缺失或版本问题,可尝试删除`package-lock.json`或`yarn.lock`后重新安装。 5. **特殊情况处理** - 若依赖安装失败且提示文件权限问题(尤其在Windows系统),可使用`rimraf`工具彻底删除残留文件: ```bash npm install -g rimraf rimraf node_modules npm install ``` --- ### 关键注意事项 - **依赖版本一致性**:若项目通过版本控制(如SVN/Git)获取,确保`package.json`与团队配置一致(引用[3])。 - **网络问题**:国内用户可配置npm镜像加速安装: ```bash npm config set registry https://registry.npmmirror.com ``` - **Vue相关错误**:若出现类似`@vue/reactivity`的报错(引用[4]),尝试更新Vue和CLI版本: ```bash npm update vue @vue/cli ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值