如何使用脚手架创建vue项目 - node,VueCLI的安装

3 篇文章 0 订阅

我使用的是win10系统

1.首先安装node  去中文官网:下载 | Node.js 中文网 (nodejs.cn)

 双击打开下载的安装包进行安装

选择好安装目录一直点Next

安装完成后查看一下版本确认是否成功安装:

cmd命令行:

C:\Users\HONOR>node -v
v16.18.1

C:\Users\HONOR>npm -v
8.19.2

nrm安装与配置

nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换。

1.在命令行执行命令,npm install -g nrm,全局安装nrm。

2.执行命令nrm ls查看可选的源。

3.如果要切换到taobao源,执行命令nrm use taobao

4. 你可以增加定制的源,特别适用于添加企业内部的私有源,执行命令 nrm add ,其中reigstry为源名,url为源的路径。

nrm add registry http://registry.npm.frp.trmap.cn/

5.执行命令nrm del 删除对应的源。

6.你还可以通过 nrm test 测试相应源的响应时间。

其的它方式配置npm镜像源:

​
     配置: >npm config set registry https://registry.npmmirror.com/

     查看: >npm config get registry

​

配置npm的全局下载和缓存路径,为了保留C盘的剩余空间,有必要,把npm的global路径修改到其它盘符下。

查看默认配置:npm config ls

配置npm下载依赖位置:

npm config set cache 'D:\Program Files\nodeprs\npm-cache'

npm config set prefix 'D:\Program Files\nodeprs\npm_global'

修改好之后再次查看默认配置:npm config ls

如果:npm config set出错,npm不能使用

只需要在 C盘下搜索 .npmrc文件,将里面的 prefix和cache设置正确即可

registry=https://mirrors.cloud.tencent.com/npm/
home=https://mirrors.cloud.tencent.com/npm/
cache=D:\Program Files\nodeprs\npm-cache
prefix=D:\Program Files\nodeprs\npm_global

再次查看默认配置:npm config ls

安装VueCLI

安装 | Vue CLI (vuejs.org)

npm install -g @vue/cli

安装完成之后使用这个命令来检查安装的版本

vue --version

如果出现错误:vue不是内部或外部命令,也不是可运行的程序‘可以看一下这篇文章。 

解决‘vue不是内部或外部命令,也不是可运行的程序‘icon-default.png?t=M85Bhttps://blog.csdn.net/qq_40192495/article/details/128358586

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值