记录npm的安装过程

news2024/10/6 9:55:20

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

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

配置镜像站点:

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

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

这些配置写到本地哪里了呢?在这里:C:\Users\Administrator.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 Files\nodejs\node_global 添加到系统环境变量PATH中,重启CMD生效。

初始化一个webpack项目:

vue init webpack vue-demo

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

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

cd vue-demo
npm run dev

在这里插入图片描述

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/412742.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

一条更新语句的执行流程又是怎样的呢?

当一个表上有更新的时候,跟这个表有关的查询缓存会失效,所以这条语句就会把表T上所有缓存结果都清空。这也就是我们一般不建议使用查询缓存的原因。 接下来,分析器会通过词法和语法解析知道这是一条更新语句。优化器决定要使用ID这个索引。然…

LNMP网站框架搭建(yum方式安装)

1. nginx 的yum安装 1.1 搭建nginx相关的yum源 注意:本次安装所获得的软件包都是来源于httpd源(都是由该软件包厂商提供)。所以切记不能像往常一样直接使用本地源去安装一切包 vim /etc/yum.repos.d/nginx.repo [nginx-stable] namenginx…

Linux--tty

Linux 终端(TTY) TTY 是 Teletype 或 Teletypewriter 的缩写,原来是指电传打字机,后来这种设备逐渐键盘和显示器取代。不管是电传打字机还是键盘显示器,都是作为计算机的终端设备存在的,所以 TTY 也泛指计算机的终端(terminal)设…

【CSS】更改用户界面样式 ① ( 更改鼠标样式 | 更改鼠标样式应用场景 | 代码示例 )

文章目录一、更改鼠标样式二、更改鼠标样式代码示例三、更改鼠标样式应用场景一、更改鼠标样式 为对象元素设置 cursor 样式 , 可以更改鼠标移动到该元素上的显示样式 ; cursor 样式常用属性值 : default : 默认鼠标样式 , 白色箭头鼠标 ;pointer : 小手形状 ;move : 移动 - …

C++——初始化列表 | explicit关键字 | static成员

文章目录💐专栏导读💐文章导读🌷初始化列表🌺初始化列表的形式🌺初始化列表的注意事项🌷explicit关键字🌺单参数构造函数🌺多参数构造函数🌷static成员🌺stat…

SprigBoot学习笔记(五)

监控 监控的意义 可视化监控平台 监控原理 自定义监控指标 监控的意义 监控服务状态是否宕机 监控服务运行指标(内存、虚拟机、线程、请求等) 监控日志 管理服务(服务下线) 监控的实施方式 显示监控信息的服务器:用于获取服务信息,并显示对应的信息 运行的服务:启动时主动…

Node【五】内置模块 【http模块】

文章目录🌟前言🌟http模块🌟 1.引入http模块🌟 2.创建服务🌟 3.添加头信息🌟 4.搭建一个简单的服务器:🌟 5.Request对象🌟 6.Response对象🌟 7.练习&#xff…

【力扣周赛】第340场周赛

【力扣周赛】第340场周赛6361:对角线上的质数题目描述解题思路6360:等值距离和题目描述解题思路6361:对角线上的质数 题目描述 描述:给你一个下标从 0 开始的二维整数数组 nums ,返回位于 nums 至少一条 对角线 上的…

webgl-原生纹理贴图

踩坑: 1、图片不显示:图片分辨率为非2的幂次方,图片不能被渲染。图形变成黑方块 2的N次幂:1 2 4 8 16 32 64 128 256 512 1024 2048 4096…… 2、几何图形配置映射方式,顶点坐标和纹理坐标对应需要注意,构…

并行分布式计算 并行计算机体系结构

文章目录并行分布式计算 并行计算机体系结构并行计算机结构模型SIMD 单指令多数据流PVP 并行向量处理机SMP 对称多处理机MPP 大规模并行处理机DSM 分布式共享存储多处理机COW 工作站集群总结并行计算机访存模型UMA 均匀存储访问模型NUMA 非均匀存储访问模型COMA 全高速缓存存储…

OpenCV实战之广角相机拍照算法

拍照是手机中的一项重要功能,目前常见的千元机中都包含数个相机模组,能够实现虚化拍照、美颜、广角拍照、夜景等功能。手机是一个拥有巨大销量的电子产品,因此成为图像处理算法的一个重要落地场景。很多AI公司聚焦于此,如虹软、旷…

Docker已经创建运行启动的容器,如何修改容器中的环境变量env使长期有效

1.查看Docker Root目录 docker info | grep Docker Root[rootjenkins ~]# docker info | grep ‘Docker Root’ Docker Root Dir: /data/docker 2.查到容器的长id(container id) 方式一: docker inspect pdmaas | grep "Id"方式…

scikit-learn决策树算法笔记总结

1. scikit-learn决策树算法类库介绍 scikit-learn决策树算法类库内部实现是使用了调优过的CART树算法,既可以做分类,又可以做回归。分类决策树的类对应的是DecisionTreeClassifier,而回归决策树的类对应的是DecisionTreeRegressor。两者的参…

20230409英语学习

Dog Philosophy 101:What Dogs Teach Us About Life 狗狗教给我们的人生哲学 I recently was pleased to receive an honorary Doctor of Science Degree from the University of Guelph.As part of the ceremony I was asked to give a convocation address to the…

Openlayers(五)点位聚合Cluster

Openlayers(五)点位聚合Cluster 1.业务问题 由于点位在地图上显示过多,会造成页面卡顿、点位标注信息相互叠加导致看不清 优化后效果 不断放大层级 2.聚合类Cluster OpenLayers 中聚合是通过 ol.source.Cluster 实现,聚合的原…

如何写出10万+ Facebook 贴文?

想要创作一篇优秀的Facebook贴文,首先要考虑以下几个问题: 1.文案特点 一篇清晰简洁的文案有助于受众在有限的浏览时间内快速了解你想要展示的信息。根据以往经验,文案内容最好保持在20个汉字以内,加上链接描述最好也不要超过50…

学习Pycharm使用方法(一):Pycharm中Make available to all projects的含义是什么

Make available to all projects一、为什么要进行包管理二、怎么做1、命令行(情况一)第一步:先安装虚拟环境模块第二步 :激活虚拟 环境2、Pycharm(情况二)三、项目部署时批量导包一、为什么要进行包管理 Python中的第三方包提供了各种功能&a…

十五分钟带你学会 Docker

文章目录虚拟化与容器化什么是 DockerDocker 工作原理安装 DockerDocker 核心概念Docker fileImageContainerDocker 流程示例Docker 常用命令Dockerfile 常用指令Docker 网络通信Docker ComposeDocker Hub虚拟化与容器化 虚拟化技术是一种将计算机物理资源进行抽象、转换为虚拟…

【C++】类与对象(下)

系列文章 若想了解什么是类、封装的意义可以移步 【C】类与对象(引入) 若对六大成员函数或const成员函数有疑问的这篇文章可能可以帮到你 【C】类与对象(上) 目录 系列文章 前言 1.初始化列表 1.1概念 1.2特性 1.2.1必须使…

29考虑特性分布的储能电站接入的电网多时间尺度源储荷协调调度策略MATLAB程序-日前日内实时+需求响应+协调调度

资源地址: 29考虑特性分布的储能电站接入的电网多时间尺度源储荷协调调度策略MATLAB程序-日前日内实时需求响应协调调度-Matlab文档类资源-CSDN文库 参考文献: 考虑特性分布的储能电站接入的电网多时间尺度源储荷协调调度策略——金力 主要内容&…