素材巴巴 > 程序开发 >

002使用npm安装vue3

程序开发 2023-09-14 10:41:14

安装完nodejs后,会自带npm包管理工具,我们可以在cmd中使用npm -v来查看npm的版本,在进行安装vue之前,我们需要先设置一下npm全局下载的包位置因为默认是在c盘的,我想把他改到nodejs的目录下,所以到nodejs的目录下建好两个目录,一个cache一个global,然后进入cmd中,执行以下命令进行改变默认位置

npm config set prefix “D:Program Filesnodejsnode_global”npm config set cache “D:Program Filesnodejsnode_cache”

下图就是设置好路径,但是在查询的时候出现了报错,说不能读取包,其实就是权限不够,我们使用管理员来运行一下cmd

按一下win徽标键,然后输入cmd点击管理员身份运行

如果还是不行的话,我们可以使用cnpm进行安装与其他操作(正好我们后边安装vue也要使用cnpm)

使用以下命令使用淘宝镜像安装cnpm

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

由于我之前已经安装过了,所以我加了个-f表示强制再安装一遍,

我们可以使用cnpm -v查看一下版本

其实cnpm和npm 的语法基本是一样的

在正式进入安装vue之前,我们需要先对npm进行一下设置,到环境变量中,设置NODE_PATH,步骤如下:

此电脑右键,点击属性,然后点击左侧高级系统设置,然后点击高级、点击环境变量,点击系统变量中的新建、将变量名命名为NODE_PATH,变量值就设置为node_global的路径即可,然后在Path中引用NODE_PATH,引用完毕后,一路点击确定进行保存,直到回到属性页面。

环境变量设置完毕,我们需要重新打开CMD窗口以使环境变量生效(记得使用管理员运行)。我们下边就开始来安装vue

使用命令

cnpm install -f -g vue@latest

这条命令中的@latest的意思是安装vue的最新版本,-g的意思是全局安装,也就是说安装这一次之后,不管你要发布多少vue项目都可以,-f的意思是,即使你之前安装过vue,现在也要重新安装,知道看到最下边显示的提示,所有包都已经安装就可以了。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。