VUE安装详情及一些错误

前言
大家好!我是oy,今天给大家带来Android studio登陆注册的实现及介绍,第一次写博客,请见谅。

步骤

1.安装node.js,网址 https://nodejs.org/en/

安装路径为D:\Program Files\nodejs,和我一样就好了,其他步骤一直next;安装完成查看版本号判断是否成功。

2.配置npm在安装全局模块时的路径和缓存cache的路径。

所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,如图:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BHoYMXhn-1646741938200)(https://secure2.wostatic.cn/static/wFnzWrfnTmFaa5cB2p7xfc/image.png)]

(因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间)

3.然后在管理员cmd模式下,执行如下两个命令:

npm config set prefix “D:\Program Files\nodejs\node_global”

npm config set cache “D:\Program Files\nodejs\node_cache”

4.执行完后,配置环境变量(“此电脑”右键“属性”,右边“高级系统设置”,“环境变量”)

4-1:“环境变量” -> “系统变量”:新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_global\node_modules”
4-2:“环境变量” -> “用户变量”:编辑用户变量里的Path,将“C:\Users\admin\AppData\Roaming\npm ”修改为

“D:\Program Files\nodejs\node_global”

5.切换淘宝镜像(可能出现错误2)PS:也是安装cnpm;

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

6.安装全局vue,执行命令:npm install -g vue(可能出现错误1)

7.安装 vue脚手架,cnpm install @vue/cli -g(可能出现错误1)

可能出现的错误

1.若出现4058的错误则是,需要在管理员模式下运行 cmd里不行。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CUaVoPDy-1646741938201)(https://secure2.wostatic.cn/static/furzEgXmnjTTnrnkjdGGgX/image.png)]

管理员模式打开:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OchCeR7T-1646741938202)(https://secure2.wostatic.cn/static/29VCjyDKQA8CWHE9cZNRaP/image.png)]

2…若在管理员中出现如此错误:

cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,
请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ cnpm install --save-dev electron
+ CategoryInfo          : SecurityError: (:) [],PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess

执行:set-ExecutionPolicy RemoteSigned

然后:Y

如下

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MCHlUq4S-1646741938202)(https://secure2.wostatic.cn/static/qw5NRmbCy2orKFy8T6NU5j/image.png)]

就可以继续启动node js命令了。

猜你喜欢

转载自blog.csdn.net/m0_49534667/article/details/123361951