vue环境搭建详细教程，vue windows

本内容由系统网小编为大家分享，Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

在Windows下创建Vue开发环境的前端学习:

1.安装node.js

Node官网下载

直接下载

你可以一直到下一个,但记住安装的位置,默认路径是:

C:Program Filesnodejs

检验是否安装成功：命令行输入：

如果安装成功,则将输出相应的版本编号:报错问题：

在win10下安装节点后,node -v是正常, npm -v报告如下错误:

原因:节点目录权限不足;解决方案:找到节点安装目录,右击属性,单击安全,设置用户完全控制权限,如下面所示。

节点-v正常, npm-v非反应,如下

原因:输入命令 npm config 设置前缀或输入后其他命令导致 npm -v 根本没有响应,因为使用其他命令 npm 的 config 是混乱的;解决方法：将"C:Users用户.npmrc" 文件如图修改一下，或者删除再进行之后的操作，注意此用户为你的电脑那个。注意:npmrc文件不是安装在nodejs目录npm模块下,而是安装在C:UsersUser.npmrc文件下:

2.为节点设置全球和缓存路径

安装目录下的两个新文件夹:node_cache和node_global,:然后输入CMD命令行:设置缓存路径,并注意要安装的实际路径:

设置全球模块存储路径:

不报错即可：

3. 安装淘宝镜像

CMD输入：

4. 设置环境变量

设置环境变量的目的在于在任何目录中执行节点和Vue命令,请注意它们是用于安装目录。PATH增加

C:programnodejsnode_global

新NODE_PATH,值:

C:programnodejsnode_modules

5. 安装Vue

首先需要关闭命令行窗口,然后再打开CMD来执行安装视图命令:

6.安装Vue-cli脚座

为纠正错误,执行下列命令:

然后再执行：

OK！如果节点-v此时是正常,而 npm-v没有反应,请参阅1.问题2。

7.创建Vue项目

在您最喜欢的目录下找到CMD执行:

按着提示输入命令：

装载出来一会后,拉:

crtl + 点击 http://localhost:8080/ 打开主浏览器。 效果如图：录制你的第一个Vue项目,尽管它只是一个Hello World的嘻哈.

参考:如何在Windows下构建Vue开发环境的手册 npm 问题: 没有对命令或终端输入 npm -v 的响应 [ 解决 ]

XTw.com.Cn系统网专业应用软件下载教程，免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息，解决一体化的办公方案。