在Windows下搭建Vue4.X开发环境以及版本切换

最新推荐文章于 2024-06-14 16:19:47 发布
最新推荐文章于 2024-06-14 16:19:47 发布
阅读量396 收藏
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yandao/article/details/109593164
版权
本文详细介绍了如何在Windows系统中搭建Vue4.x的开发环境，包括安装Node.js，设置全局和缓存路径，安装淘宝镜像以加速下载，以及在IDEA中配置Vue。同时，文章还提供了Vue-cli版本切换的方法，包括从3.0以上降至3.0以下，以及从3.0以下升至3.0以上版本。
摘要由CSDN通过智能技术生成
搭建环境
  1. 安装node.js
说明 url
中文网 http://nodejs.cn/
官网 https://nodejs.org/en/

下载node-v14.15.0-x64.msi并安装
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  1. 设置node的全局和缓存路径
    创建两个文件夹node_cache,node_global
    在这里插入图片描述

cmd下设置全局和缓存路径
npm config set cache “D:\nodejs\node_cache”
npm config set prefix"D:\nodejs\node_global"

最低0.47元/天 解锁文章
yandao
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Windows下搭建vue 4.X开发环境——@vue/cli或vue-cli4
~牧马~
08-20 596
如何在windows下搭建vue4.x开发环境，主要是vue-cli4 脚手架的，看完就知道如何搞了。 第一步：安装node.js 官网 http://nodejs.cn/download/ 下载12.18.3版本 https://npm.taobao.org/mirrors/node/v12.18.3/ 第二步：下载完成后，直接双击安装包（.exe），接下来按照图片走就OK了 邻上图中的选择是默认的，默认已经选好了这四个。 邻上图表示正在安装。 第三步：设置node的全局路径和缓存路径 安装完成
NVM常用命令
liyiliang123的博客
09-18 1875
NVM常用命令 nvm list 查看已经安装的版本 nvm list installed 查看已经安装的版本 nvm list available 查看网络可以安装的版本 nvm version 查看当前的版本 nvm install 安装最新版本nvm nvm use <version> ## 切换使用指定的版本node nvm ls 列出所有版本 nvm current显示当前版本 nvm alias <name> <version> ## 给不同的版本号添加别名
Windows 系统 Node版本太高，vue项目运行不起来，快速切换版本、版本回退(降级)、版本更新(升级)
最新发布
三人行，必有我师焉。
06-14 751
一. 优先安装nvm版本管理工具。
yarn安装详细教程说明、升级教程、修改yarn的全局和缓存目录、yarn基本命令
热门推荐
老油条
05-27 1万+
yarn安装详细教程说明、升级教程、修改yarn的全局和缓存目录、yarn基本命令
Vue3 nodejs 安装和配置---vue3教程一
北巷东东的专栏
08-04 1065
Vue3 nodejs 安装和配置---vue3教程一
Shell: /dev/null 2>&1详解
03-25 645
1,可以将/dev/null看作"黑洞". 它非常等价于一个只写文件. 所有写入它的内容都会永远丢失. 而尝试从它那儿读取内容则什么也读不到. 然而, /dev/null对命令行和脚本都非常的有用.  用处:  禁止标准输出.    1 cat $filename >/dev/null   # 文件内容丢失，而不会输出到标准输出.  禁止标准错误.    2>/dev/null 这样错误信息
windows下vue.js开发环境搭建教程
10-20
Vue.js是一种流行的前端JavaScript框架，尤其在Windows环境下搭建Vue.js的开发环境对于初学者来说可能会遇到一些挑战。本文将详细讲解如何在Windows操作系统上搭建Vue.js的开发环境，包括必要的工具和步骤。 首先，...
vue.js开发环境搭建教程
10-19
本教程将指导你如何从零开始搭建Vue.js的开发环境。 首先，确保你的计算机上安装了Node.js。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript进行服务器端编程。Node.js的包管理...
详解vue.js 开发环境搭建最简单攻略
10-19
在了解如何搭建Vue.js的开发环境之前，我们首先需要认识Vue.js本身。Vue.js是一种渐进式JavaScript框架，用于构建用户界面，其核心库只关注视图层，易于上手，同时可以通过附加库扩展到更复杂的单页应用（SPA）。Vue...
Vue.js开发环境搭建
10-21
在搭建Vue.js开发环境时，可能会遇到一些问题，例如'NODE_ENV'未被识别为内部或外部命令，错误提示npmERR!等。这些问题可能是因为环境配置不正确，或某些npm包安装有误。如遇到这类问题，可以尝试使用cross-env来...
vue cli5降级为4
追梦小狂魔的博客
04-12 4634
这个5太难用了，好多问题，全是踩坑 npm uninstall -g vue-cli npm install -g @vue/cli@4.5.17
vue cli3 搭建vue开发环境
csdn_fanhehua的博客
09-30 903
一、Window 搭建Vue开发环境 操作系统：Window Node：12.18.4 长期支持版 Vue.js： vue-cli: 3 版本 二、安装工具： 2.1 安装Node软件 2.1.1下载Node.js，网址：https://nodejs.org/zh-cn/ 2.1.2 安装Node.js，点击下载好的软件直接双击安装 2.1.3查看安装Node.js #查看是否安装成功 C:\Users\Administrator>node --ve...
‘vue-cli-service‘ 不是内部或外部命令，Cannot read properties of null (reading ‘pickAlgorithm‘)_（2022-04-06）
鲁迷那的专栏—坚持实践后再写出来！
04-06 7505
报错信息： 报错1： 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。 报错2： Cannot read properties of null (reading ‘pickAlgorithm‘) Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 尝试新的跨平台 PowerShell https://aka.ms/pscore6 PS D:\workspace\zsh_code..
Windows 切换node版本开发Vue3和Vue2
weixin_43829905的博客
06-06 1349
Windows 切换node版本开发Vue3和Vue2
node 安装配置
zb0002011的博客
07-20 185
1、nodejs 安装 https://www.runoob.com/nodejs/nodejs-install-setup.html Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。 2、环境变量：path中设置nodejs安装的根目录。 测试 3、npm 配置； 参考https://www.cnblogs.com/coder-lzh/p/9232192.html npm config list 获取npm配置.
Vue-cli如何调整版本
weixin_43279985的博客
03-13 1万+
Vue-cli如何调整版本详解 目录结构： 查看当前版本 版本调整操作 调整到指定版本 升级到最新版本 1.当前版本号查看 1.Windows+R打开命令提示符 2.输入cmd 3.vue --version或者vue -V(大写V) 2.版本操作 2.1安装指定版本 情况一：目前处于3.0及以上 1.执行npm uninstall -g @vue/cli 卸载当前版本 2.安装np...
node.js 第三方模块
m0_55832273的博客
06-03 446
文章目录1.第三方模块什么是第三方模块？获取第三方模块使用npm命令行下载第三方模块npm的作用npm 下载模块npm 卸载模块nodemon全局安装与本地安装本地安装全局安装使用nrm 源管理器2.packagenode_modules的问题package.json创建package.json文件的方法package-lock.jsonpackage.json重要字段 1.第三方模块 什么是第三方模块？ 别人写好的，具有特定功能的模块，就是第三方模块，我们需要下载才可以使用。 获取第三方模块
Vue.js 2.0 windows环境搭建与初学者避坑指南
"这篇教程详细介绍了在Windows操作系统下如何搭建Vue.js的开发环境，特别针对Vue.js 2.0版本，因为很多现有的教程可能还是基于1.x版本。教程首先强调了学习新版本Vue.js时可能会遇到的问题，由于版本更新，一些API已...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值