Node.js和cnpm环境搭建

2024-04-25 06:52
文章标签 搭建 环境 js node cnpm

本文主要是介绍Node.js和cnpm环境搭建,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Node.js和cnpm环境搭建


一、nodejs安装

1.1 傻瓜式一直下一步即可,不需要额外进行任何配置

nodejs下载链接,提取码:5555
在这里插入图片描述

1.2 查看是否安装成功

cmd进入命令行界面
输入node -v 显示node版本,显示则安装成功

在这里插入图片描述

1.3 改变全局模块路径和缓存路径

打开安装根路径
创建两个空文件夹 node_cache 、node_global
在node_global文件夹中再创建一个空的文件夹:node_modules

在这里插入图片描述

使用管理员身份打开cmd命令窗口

输入以下命令:双引号内分别是刚刚创建的空文件夹node_global 、node_cache 的路径

npm config set prefix “D:\soft_install\dev\qianduan_dir\nodejs\node_global”

npm config set cache “D:\soft_install\dev\qianduan_dir\nodejs\node_cache”

1.4 修改环境变量

将默认的 C 盘下【 AppData\Roaming\npm 】删掉

编辑【系统变量】中的【Path】
在最后一行加入 %NODE_PATH%

在这里插入图片描述

1.5 安装 express 模块进行测试(express是基于node平台的web开发框架,是一个第三方模块,可以帮助开发者快速地搭建一个服务器)

使用管理员身份打开cmd命令窗口,输入以下命令:

  • 更换 npm 的 registry 源为国内源,比如使用淘宝的镜像,然后在安装express:
    npm config set registry https://registry.npm.taobao.org
    在这里插入图片描述

  • 安装express
    npm install express -g // -g代表全局安装
    在这里插入图片描述


二、cnpm下载(加速前端项目所需依赖下载速度 的一款命令行工具)

解决npm官方源在国外导致的下载速度慢、连接不稳定的问题


  • npm install -g cnpm --registry=https://registry.npm.taobao.org
    在这里插入图片描述
    注意:如果出现错误,可以在安装的时候指定版本进行安装
    npm install -g cnpm@版本号

三、安装项目依赖

3.1 进入前端项目根目录

  • 删除项目依赖:node_modules基于当前系统环境
  • 重新下载前端依赖确保前端环境的兼容性
    在这里插入图片描述

3.2 使用刚刚安装的cnpm工具 重新下载前端项目所需的依赖之前

  • 进入前端项目根目录,执行命令:cnpm i
    在这里插入图片描述

四、项目启动

4.1 启动项目

  • 进入前端页面的根目录,执行命令,npm run dev 启动前端项目
    在这里插入图片描述

4.2 访问主页

  • 点击控制台前端页面链接,访问前端项目
    在这里插入图片描述

这篇关于Node.js和cnpm环境搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/933972

相关文章

Mycat搭建分库分表方式

《Mycat搭建分库分表方式》文章介绍了如何使用分库分表架构来解决单表数据量过大带来的性能和存储容量限制的问题,通过在一对主从复制节点上配置数据源,并使用分片算法将数据分配到不同的数据库表中,可以有效... 目录分库分表解决的问题分库分表架构添加数据验证结果 总结分库分表解决的问题单表数据量过大带来的性能

Java汇编源码如何查看环境搭建

《Java汇编源码如何查看环境搭建》:本文主要介绍如何在IntelliJIDEA开发环境中搭建字节码和汇编环境,以便更好地进行代码调优和JVM学习,首先,介绍了如何配置IntelliJIDEA以方... 目录一、简介二、在IDEA开发环境中搭建汇编环境2.1 在IDEA中搭建字节码查看环境2.1.1 搭建步

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)

《Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)》:本文主要介绍Python基于火山引擎豆包大模型搭建QQ机器人详细的相关资料,包括开通模型、配置APIKEY鉴权和SD... 目录豆包大模型概述开通模型付费安装 SDK 环境配置 API KEY 鉴权Ark 模型接口Prompt

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

阿里开源语音识别SenseVoiceWindows环境部署

SenseVoice介绍 SenseVoice 专注于高精度多语言语音识别、情感辨识和音频事件检测多语言识别: 采用超过 40 万小时数据训练,支持超过 50 种语言,识别效果上优于 Whisper 模型。富文本识别:具备优秀的情感识别,能够在测试数据上达到和超过目前最佳情感识别模型的效果。支持声音事件检测能力,支持音乐、掌声、笑声、哭声、咳嗽、喷嚏等多种常见人机交互事件进行检测。高效推

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)