windows下Vue安装教程（超级详细，一些细节坑）

最新推荐文章于 2025-03-16 15:55:45 发布
最新推荐文章于 2025-03-16 15:55:45 发布
阅读量2.8k 收藏 7
点赞数 2
分类专栏： 实用 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43896253/article/details/116143031
版权
本文档提供了一份详尽的Vue在Windows操作系统上的安装教程，涵盖了从安装Node.js到解决npm警告，以及通过vue-cli创建项目的全过程。过程中提到了安装Python 2.x的要求，配置环境变量，解决npm警告等问题，最终成功启动项目并展示在8080端口。

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

Vue安装教程（超级详细，一些细节坑）

1、安装Node.js

在这里插入图片描述
注意如果你是linux安装的话，需要安装python2.6或者2.7版本的，不建议安装python3.0以上的。

2、在这里插入图片描述
2.
在这里插入图片描述
3.
在这里插入图片描述
4.
在这里插入图片描述
5、
在这里插入图片描述
6.
在这里插入图片描述
7、
在这里插入图片描述
8、下面看path环境变量中是否配置了Node.js,在cmd中输入path（因为之前我安装在D盘了，所以我从D盘里面找的）

最低0.47元/天 解锁文章
Windows下搭建VUE开发环境
yjkhtddx的专栏
10-17 2648
VS Marketplace 链接: https://marketplace.visualstudio.com/items?VS Marketplace 链接: https://marketplace.visualstudio.com/items?使用npm配置缓存和全局安装路径(注：配置环境变量时已经配置全局安装路到Path)环境变量，设置成nodejs的安装路径，我的是。我使用的是腾讯云镜像站。
Windows下安装Vue
踏雪无痕
05-10 3608
一.下载安装包 前往Node.js官网下载：添加链接描述 下载如下： 双击执行安装，指定安装路径： 默认按安装全部组件： 安装成功： 二.设置nodejs prefix（全局）和cache（缓存）路径 1.在nodejs安装路径下，新建node_global和node_cache两个文件夹 2.设置缓存文件路径和全局模块存放路径 三.基于 Node.js 安装cnpm（淘宝镜像） 四.设置环境变量 设置环境变量可以使得在任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径 1.鼠标
Vue UI 创建Vue前端工程(Windows)
热门推荐
jmu201821122110
09-27 8万+
Vue ui 创建Vue前端工程1.开启vue ui 服务2.访问 vue ui 界面3.创建项目4. 添加 element-ui 插件4.添加依赖4.启动 Vue 项目5.访问 Vue 项目 1.开启vue ui 服务 快捷键 win+r 打开 cmd 输入下面命令 vue ui 2.访问 vue ui 界面 打开浏览器,地址栏输入 localhost:8080 3.创建项目 点击创建 选择你要创建的项目目录,点击 在此创建新项目 输入项目名称,包管理器选择 npm, git 命令填写 init p
Windows下Ruoyi-Vue配置使用
最新发布
2401_86155536的博客
03-16 1341
你不要叫若依叫容易算了
Windows下安装vue开发环境
一只小木头的博客
10-19 639
windows下安装vue开发环境 1、安装npm 官网node进行下载 Node.js 是一个开源与跨平台的JavaScript 运行时环境。 2、检测nodejs安装 当执行完上步安装包安装后，需要进行安装是否成功，win+r打开运行，输入cmd后进入命令行界面。分别输入node -v和npm -v命令进行node的版本号和npm的版本号的查看。 安装完后的目录如下图所示 3、配置npm安装全局模块路径与缓存路径 NPM是随同NodeJS一起安装的包管理工具 一般，在进行npm install
Windows下--VUE安装
白舟的博客
08-10 614
**安装VUE前得先把node.js安装好， 安装完node.js之后，npm也会自动安装** ** 一，在文件夹中建立一个project ** 在此文件夹下进入cmd检查node.js是否安装好 命令：node -V npm -V 二. 全局安装脚手架工具vue-cli 命令：npm install --global vue-cli 三. vue项目初始化命令如下，若没有安装webpack，则先安装webpack npm install -g webpack vue init
windows安装vue
s_daqing的博客
03-02 372
将【%NODE_HOME%】和【%NODE_HOME%\global】 添加进去，点击新建并输入进去，添加完成后点击确定。在nodejs目录下新建两个文件夹node_global和node_cache。填写变量名和变量值（你的Node.js安装路径），填写完成后点击确定。创建完毕后，输入以下命令修改npm默认安装目录与缓存日志目录的位置。4、修改npm默认安装目录与缓存日志目录的位置。node -v ：查看nodejs的版本。npm -v ：查看npm的版本。-g：安装到全局文件夹。
超级列表框高级应用：实现表项弹出选择框功能
3. 技术实现细节：文档或软件包可能包含了关于如何在不同的编程环境下实现这一高级功能的详细教程和代码示例。这可能涉及特定编程语言的API调用、UI框架的使用、事件处理机制以及数据结构的设计等方面。 4. 适用...
超级列表框的高级弹出选择框技术实现
根据提供的文件信息，我们可以推断出该压缩包文件可能包含了关于某个特定的高级列表框控件应用的教程或者示例代码。控件名称被冠以“超级列表框”，这暗示了该列表框拥有普通列表框不具备的高级功能。以下是对标题和...
9.0版本超级漂亮日历控件发布
标题“超级漂亮的日历控件（9.0）”暗示了一个版本更新的日历控件，通常在软件开发中，版本号9.0表示这是该控件的第九次主要更新，它可能包含了许多新功能、改进和优化。描述中简单的“超级漂亮的日历控件”提示该...
【愚公系列】《AIGC辅助软件开发》041-如何使用 AI技术提升工作效率：AI辅助软件架构师实践
时光隧道
08-15 4万+
在数字化转型的浪潮中，软件架构师作为技术团队的核心，承载着系统设计与架构优化的重要责任。然而，随着项目复杂度的增加和技术环境的变化，架构师面临着前所未有的挑战。幸运的是，人工智能（AI）技术的迅猛发展为这一行业带来了新的机遇，帮助架构师提升工作效率、优化决策过程，并改善团队协作。本文将深入探讨AI如何辅助软件架构师的实际工作，具体分析AI在需求分析、架构设计、代码生成、测试和优化等环节的应用。
Windows安装vue
w_rcss的博客
03-29 2474
Vue 安装 下载安装包： https://nodejs.org/en/download/ ，安装 cmd测试 C:\Users\w_rcss>node -v v16.14.2 C:\Users\w_rcss>npm -v 8.5.0 安装路径下创建node_global（默认安装目录）,node_cache（缓存日志目录） 安装路径：D:\Environment\node 缓存日志路径：D:\Environment\node\node_cache 默认安装路径：D:\Enviro
学习使用在windows系统上安装vue前端框架以及环境配置图文教程
徊忆羽菲
09-15 1898
学习使用在windows系统上安装vue前端框架以及环境配置图文教程
Vue环境配置（Windows）
傲雪星火的博客
08-09 2586
PS：cnpm是由淘宝NPM镜像提供的一个npm的镜像服务客户端，用于在中国大陆地区加速npm包的安装，因为直接使用npm在国内有时候会比较慢。它使用了Vue团队推荐的最新项目模板，提供了一种无需全局安装Vue CLI的方式来创建Vue项目，更加简单快捷。vue的使用需要以node.js为前提，如果您的电脑上已经安装了node.js，可直接跳过这一步。现在，你就成功创建了一个你自己的Vue项目模板， 你可以按照自己的想法对各个模块进行修改。初次创建时，会询问我们是否下载对应的依赖项，我们输入y后回车即可。
windows搭建vue开发环境
小哥骑单车
06-24 2492
3、安装淘宝镜像(cnpm) npm install cnpm -g --registry=https://registry.npm.taobao.org。参考你的项目需要运行java一样，配置JAVA_HOME这些；然后创建项目（或者使用类似vue create my-project命令创建项目，命令:cnpm install @vue/cli -g(最新版本)//cnpm install vue-cli -g(不是最新版本)输入npm install vue -g。2、安装好后，配置环境变量。
window下安装vue
小+
04-19 1193
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 先来看看怎么安装吧
vue001——window环境下安装vue.js开发环境
weixin_45084986的博客
02-20 2263
一、npm: Nodejs下的包管理器。 打开CMD，检查是否正常 再看看另外2个目录，npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\node-v16.14.0-x64 然后运行以下2条命令 npm config set prefix “D:\node-v16.14.0-x64\node_global” npm config set cache “D:\node-v16.14.0-x64\n
Windows安装Vue
m0_46267097的博客
04-16 253
Windows安装Vue搭建Node.js开发环境下载安装设置nodejs prefix（全局）和cache（缓存）路径基于 Node.js 安装cnpm设置环境变量安装Vue安装vue命令行工具，即vue-cli 脚手架创建新项目 搭建Node.js开发环境 下载 下载地址：https://nodejs.org/en/ 安装 设置nodejs prefix（全局）和cache（缓存）路径 ...
windows系统搭建VUE环境(vue-cli4)
dreamingbaobei的博客
03-26 4844
第一步:node环境安装 第二步:node环境检测 第三步:设置nodejs的global和cache路径 第四步: 配置PATH环境变量 第五步: vue-cli脚手架安装 第六步: 创建一个项目hello-world 第七步: 修改默认端口
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值