本文介绍: 这些配置写到本地哪里了呢?在这里:C:UsersAdministrator.npmrc,这里面保存的就是刚刚set的三行记录。一、访问官网https://nodejs.org/en。可以看到,一开始是C目录下,现在已经移动到D下了。添加系统环境变量PATH中,重启CMD生效。-g表示我们最新npm管理器安装到。最后运行,根据提示启动项目离线安装可以参考这篇(

一、访问官网https://nodejs.org/en),下载nodejs安装
选择稳定版本然后一路点击next直到安装完成环境变量已经自动添加好了:环境变量

通过设置环境变量,改变本地仓库地址
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以看到,一开始是C目录下,现在已经移动到D下了。

配置镜像站点

npm config set registry=http://registry.npm.taobao.org

npm list命令可以看到刚刚设置配置信息

这些配置写到本地哪里了呢?在这里:C:UsersAdministrator.npmrc,这里面保存的就是刚刚set的三行记录查询命令如下

npm config get registry
npm config get prefix
npm config get cache
> npm info vue

vue@3.2.47 | MIT | deps: 5 | versions: 431
The progressive JavaScript framework for building modern web UI.
https://github.com/vuejs/core/tree/main/packages/vue#readme

keywords: vue

dist
.tarball: https://registry.npmmirror.com/vue/-/vue-3.2.47.tgz
.shasum: ......太长后面的都省略

这个时候就可以用npm安装模块了,先给npm升级最新版本:

> npm -v      
9.5.1
> npm install npm -g

added 1 package in 7s

18 packages are looking for funding
  run `npm fund` for details
> npm -v
9.6.4

-g 即表示我们最新npm管理器安装npm config get global对应node_modules目录下,添加一个新的系统环境变量保证其他包也能安装到这个目录下:

接下来npm install 需要安装模块名 -g就会都安装到这个目录下了:
在这里插入图片描述

二、安装vue
vue我们前面已经安装了,这里再安装其他两个模块

npm install vue -g
npm install vue-router -g
npm install vue-cli -g

把这个路径D:Program Filesnodejsnode_global 添加系统环境变量PATH中,重启CMD生效

初始化一个webpack项目:

vue init webpack vue-demo

在这里插入图片描述
在这里插入图片描述
如果报错离线安装,可以参考这篇(vue-cli Failed to download repo vuejs-templates/webpack连接超时解决办法

最后运行,根据提示启动项目

cd vue-demo
npm run dev

在这里插入图片描述

网页显示
在这里插入图片描述
好了,先到这里吧。

原文地址:https://blog.csdn.net/sinat_36050376/article/details/130166367

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

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

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

发表回复

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