前言

安装Vue脚手架之前,要先安装node.js配置环境


一、安装Node.js

1.搜索node.js官网下载自己对应版本 https://nodejs.org/
在这里插入图片描述
2.打开文件双击安装,一直点next。安装目录可以更换自己的目录,最后点击install安装完毕。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.进行node环境配置
1)win键+R 输入cmd,打开命令提示符检查node版本,输入 nodev 检查npm版本 输入 npmv
在这里插入图片描述
在这里插入图片描述
2)配置npm全局模块存放路径cache路径
首先在自己安装node目录下新建 node_cachenode_global 两个文件
在这里插入图片描述
接着在命令提示符窗口运行
npm config set prefix “D:Program Filesnodejsnode_global
npm config set cache “D:Program Filesnodejsnode_cache
在这里插入图片描述

3)环境变量配置
首先:我的电脑==》 右键点击属性===》高级系统设置===》高级===》环境变量
在这里插入图片描述
接着:在 系统变量 新建===》
NODE_PATH
D:Program Filesnodejsnode_globalnode_modules自己安装目录下)
在这里插入图片描述
然后系统变量 编辑path===》
D:Program Filesnodejs
%NODE_PATH%
在这里插入图片描述

在这里插入图片描述
最后用户变量 编辑path ===》
D:Program Filesnodejsnode_global
在这里插入图片描述

二、配置淘宝镜像

安装cnpm,将npm设置为淘宝镜像:

建议管理员权限下安装

安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
设置
npm config set registry https://registry.npm.taobao.org

可以cnpmv检查cnpm是否安装好
在这里插入图片描述

二、安装vue/cli

cnpm安装速度快点

cnpm install -g @vue/cli

注意:如果安装过程一直不动,可以敲下回车

检查是否安装成功vue -V 或者 vueversion
在这里插入图片描述

三、 创建一个vue项目

安装过程出现问题(我自己解决方法

Q:vue create 项目名 创建时候一直卡住不动
A:设置淘宝镜像

npm config set registry https://registry.npm.taobao.org

Q:创建项目时:command failed: npm installloglevel errorlegacypeerdeps
在这里插入图片描述
A:用管理员权限cmdcd 项目文件夹,再进行创建项目可行
右键 开始 图标
在这里插入图片描述
在这里插入图片描述
Q:检查是否安装成功cnpm出现问题
cnpm : 无法加载文件 D:Program Filesnodejsnode_globalcnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 http
s:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies
在这里插入图片描述
A:管理员身份进入命令窗口
在这里插入图片描述

set-ExecutionPolicy RemoteSigned

Y

cnpm -v

在这里插入图片描述

原文地址:https://blog.csdn.net/zjyJul/article/details/124243503

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_42962.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注