nodejs+npm的安装与配置

news2024/11/25 14:57:15

下载与安装

下载

点击_Node.js中文网_根据自身系统进行下载即可(建议下载10版本的,尽量不要下最新版本的)

配置

nodejs相关配置

简介:Node.js是一个基于Chrome V8引擎的JavaScript运行环境,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

检查环境变量和安装目录,win+R,输入cmd,获取node版本号(再次提醒尽量不要下载最新版本的)

如果无法获取版本号,则在path添加环境变量为node的安装目录

npm相关配置

npm config ls -l                 #查看npm的所有配置信息
npm config get globalconfig        #获取全局配置文件的路径,默认不启用
npm config get userconfig        #获取用户配置文件的路径,默认启用
npm config get registry            #获取远程依赖包的下载地址
npm config get cache            #获取包缓存路径
npm config get prefix            #获取全局包的安装路径
npm config get proxy            #获取代理地址

全局配置文件路径

用户配置路径

下载依赖包的远程镜像地址

下载的缓存路径

依赖包的安装路径

代理地址

  1. 修改默认配置,

npm config list        #获取用户配置
npm config set prefix="D:\Program Files\nodejs\node_global" #设置全局包的下载路径
npm config set cache="D:\Program Files\nodejs\node_cache"    #设置缓存路径
npm config set registry=http://registry.npm.taobao.org/        #设置远程镜像地址
npm config set proxy="http://127.0.0.1:[代理端口号]"            #设置代理端口号

默认下的用户配置

  • 自定义修改默认的包缓存、下载路径(建议和node放在一起以及)

修改远程镜像地址(下载更快)如下:

如果有些包下载不下来,比如我遇到过sass无法从github上下载下来,我们连接代理服务器并设置代理地址来下载

  1. 配置包的环境路径

在下载完包后,此时执行包命令是无效的,因为包的环境路径还未被配置

为了让命令能在终端执行,我们需要在系统环境变量中添加该路径(D:\Program Files\nodejs\node_global)到系统环境Path中

完成以上操作后,即可在任意位置执行新安装的包命令

nodejs的基本使用

搭建简易后端服务器

测试

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <button id="btn">发送请求</button>
    <div id="result" style="width: 200px; height: 500px;"></div>
    <script>
        var btn = document.getElementById('btn');
        var div = document.getElementById('result');
        btn.onclick = function (){
            axios({
                method:'GET',
                url: 'http://localhost:8000/server/'
            }).then(resp=>{
                console.log(resp.data);
                div.textContent = resp.data;
            })
        }
    </script>

</body>
</html>

运行Vue项目 npm run dev,在终端中Ctrl+localhost:8080 可直接打开网站

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

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

相关文章

如何理解「异或(XOR)」运算在计算机科学中的重要性

前言 在学逻辑学的时候&#xff0c;基本的逻辑运算是非、与、或&#xff0c;且并没有得到特别的强调&#xff0c;而且事实上异或可以由这三个逻辑运算符表出。可是在计算机领域&#xff0c;异或似乎处于与非、与、或并列的关系&#xff0c;例如 C 语言的位运算符中就有专门的异…

pmp考试需要注意哪些?

注意的事情还是蛮多的&#xff0c;所以这里总结一个关于考试注意的点 先来分享一些总结的考试经验&#xff1a; 1、规划好时间&#xff1a;答题时间、填答题卡时间、检查时间&#xff0c;一般来说一道题答题时间和填答题卡的时间最好在一分钟左右&#xff0c;个别的题不能超过…

8.0、Linux-账号管理学习

8.0、Linux-账号管理学习 账号管理 - 简介 Linux 系统是一个多用户多任务的分时操作系统&#xff0c;任何一个要使用系统的用户&#xff0c;都必须首先向系统的管理员申请一个账号&#xff0c;然后以这个账号的身份进入系统&#xff1b; 用户的账号一方面可以帮助系统管理员对使…

第一次设计产品logo需要注意的5点细节

对于每一个公司企业/产品来说&#xff0c;logo不仅是公司品牌的代表&#xff0c;也是影响公司运营和宣传的关键因素。为了充分发挥公司标志的作用&#xff0c;在企业成立之初就要把企业标志的设计作为一项重要工作来抓&#xff0c;以保证标志最终发挥积极作用。为了使标志设计符…

useEffect和useLayoutEffect的区别

使用方式 这两个函数的使用方式其实非常简单&#xff0c;他们都接受一个函数一个数组&#xff0c;只有在数组里面的值改变的情况下才会再次执行 effect。 差异 useEffect 是异步执行的&#xff0c;而useLayoutEffect是同步执行的。useEffect 的执行时机是浏览器完成渲染之后&…

修复被删除的数据库表

1.问题来源 有一天领导让我对比生产数据库表和测试数据库表&#xff0c;要确保表结构&#xff0c;字段类型一致。于是我导出测试环境数据库表的DDL&#xff0c;在导出表的时候有blob和clob的表报错&#xff0c;于是我就想把它给剔除再导出&#xff0c;就这样数据库表被我删掉了…

c++调python踩坑日志

目录 import_array();报错 矩阵互相转换 #include numpy相关vs2019配置 import_array();报错 参考&#xff1a;https://blog.csdn.net/weixin_40232401/article/details/106944336#:~:text%E5%9C%A8,import_array%20%28%29%E5%87%BA%E7%8E%B0%E6%8A%A5%E9%94%99%EF%BC%8C%E6…

renix如何查看时延和抖动和丢包——网络测试仪实操

目录 查看时延和抖动​ 一、预约测试资源 ​ 二、新建流​ 三、查看时延和抖动​ 查看丢包​ 一、预约端口​ 二、创建Raw流​ 三、如何查看流量的实时丢包个数和丢包比例​ 查看时延和抖动​ 一、预约测试资源 ​ 打开Renix软件&#xff0c;连接机箱, 预约端口​ 二…

课题-基于安卓androidstudio的团购app

一、课题介绍 客户端&#xff1a; 1&#xff1a;注册登录&#xff1a;用户使用注册的账号密码进行登录&#xff1b; 2&#xff1a;查看商品&#xff1a;用户可以查看发布的商品信息&#xff1b; 3&#xff1a;分类查看&#xff1a;用户可以通过分类的查看商品信息&#xff1b;…

MySQL索引的数据结构

索引的数据结构 本专栏学习内容来自尚硅谷宋红康老师的视频 有兴趣的小伙伴可以点击视频地址观看 1. 为什么要使用索引&#xff1f; 索引是存储引擎用于快速找到数据记录的一种数据结构&#xff0c;就好比去图书馆找书&#xff0c;或者新华字典里找字&#xff0c;相当于一个目…

SQL用法详解

1.SQL语言是什么?有什么作用?SQL:结构化查询语言&#xff0c;用于操作数据库&#xff0c;通用于绝大多数的数据库软件2.SQL的特征大小写不敏感需以;号结尾支持单行、多行注释3操作数据库的SQL语言基于功能可以划分为4类:数据定义:DDL ( Data Definition Language)&#xff1a…

校验、异常处理

前端校验完后&#xff0c;后端需要再做一次校验 JSR303 定义了数据校验的标准 使用步骤 为Bean标识注解&#xff0c;并自定义错误提示 import javax.validation.constraints自定义规则&#xff1a;一个小写或大写字母 Email、Future、NotBlank、Size 等 不推荐使用NotEmp…

Linux下命令(2)

Linux下命令(2) 1. 解压缩命令 Linux 下最常用的打包程序是 tar 命令&#xff0c; 使用 tar 打出来的包我们常称为 tar 包&#xff0c; tar包文件的命令通常都是以.tar 结尾的&#xff0c;生成 tar 包后&#xff0c;就可以用其它的程序来进行压缩了。   功能&#xff1a; ta…

Python程序的构成

1.开始学习图形化程序设计 >>> import turtle #导入turtle模块 >>> turtle.showturtle() #显示箭头 >>> turtle.write("文字") #写字符串 >>> turtle.forward(300) #前进300像素 >>> turtle.c…

基于C++的AGV机器人无线控制实现

AGV系统概述 AGV原理 AGV行走控制系统由控制面板、导向传感器、方向电位器、状态指示灯、避障传感器、光电控制信号传感器、驱动单元、导引磁条、电源组成。 AGV的导引&#xff08;Guidance&#xff09;是指根据AGV导向传感器&#xff08;Navigation&#xff09;所得到的位置…

Blender如何打开IFC数据?

Blender如何打开IFC数据安装blenderbimIFC介绍下载和安装BlenderBIM插件Blender打开IFC数据对于一个外行人&#xff0c;当我想查看IFC数据的呈现形式时&#xff0c;但是我又没有Revit软件&#xff0c;那么我想到了Blender&#xff0c;网上查了只需要安装BlenderBIM插件&#xf…

表单验证[用户名、邮箱、密码、重复密码]

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>表单验证</title> <link rel"stylesheet" href"form.css"> <!-- 引入样式 --> &l…

C++语法3——if switch break continue的定义及用法

接上节 循环语句 这一节写的是判断语句 if else语句 基本语法&#xff1a; 第一种&#xff1a; if(bool(布尔变量)) {如果bool值为真执行的语句; } else {如果bool值为假执行的语句; }如果布尔表达式为 true&#xff0c;则执行 if 块内的代码。如果布尔表达式为 false&#x…

2023北京/上海/广州/深圳物联网产品经理班招生简章

NPDP产品经理国际资格认证是国际公认的唯一的新产品开发专业认证&#xff0c;集理论、方法与实践为一体的全方位的知识体系&#xff0c;为公司组织层级进行规划、决策、执行提供良好的方法体系支撑。 我们针对互联网时代的个人、互联网企业、与传统企业推出一系列学习。 课程从…

第四十五讲:神州防火墙P2P流量控制配置

实验拓扑图如下所示 配置要求&#xff1a;出口带宽 100Mbps&#xff0c;外网为 eth0/1 接口&#xff0c; 内网连接两个网段172.16.1.0/24 和 192.168.1.0/24&#xff0c;需限制 P2P 应用其下行带宽为 10M&#xff0c;上传最大 5M。 配置步骤&#xff1a; 一、指定接口带宽 …