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

相关文章

python项目环境切换的几种实现方式

《python项目环境切换的几种实现方式》本文主要介绍了python项目环境切换的几种实现方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1. 如何在不同python项目中,安装不同的依赖2. 如何切换到不同项目的工作空间3.创建项目

C++多线程开发环境配置方法

《C++多线程开发环境配置方法》文章详细介绍了如何在Windows上安装MinGW-w64和VSCode,并配置环境变量和编译任务,使用VSCode创建一个C++多线程测试项目,并通过配置tasks.... 目录下载安装 MinGW-w64下载安装VS code创建测试项目配置编译任务创建 tasks.js

MongoDB搭建过程及单机版部署方法

《MongoDB搭建过程及单机版部署方法》MongoDB是一个灵活、高性能的NoSQL数据库,特别适合快速开发和大规模分布式系统,本文给大家介绍MongoDB搭建过程及单机版部署方法,感兴趣的朋友跟随... 目录前言1️⃣ 核心特点1、文档存储2、无模式(Schema-less)3、高性能4、水平扩展(Sh

一篇文章彻底搞懂macOS如何决定java环境

《一篇文章彻底搞懂macOS如何决定java环境》MacOS作为一个功能强大的操作系统,为开发者提供了丰富的开发工具和框架,下面:本文主要介绍macOS如何决定java环境的相关资料,文中通过代码... 目录方法一:使用 which命令方法二:使用 Java_home工具(Apple 官方推荐)那问题来了,

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

idea+spring boot创建项目的搭建全过程

《idea+springboot创建项目的搭建全过程》SpringBoot是Spring社区发布的一个开源项目,旨在帮助开发者快速并且更简单的构建项目,:本文主要介绍idea+springb... 目录一.idea四种搭建方式1.Javaidea命名规范2JavaWebTomcat的安装一.明确tomcat

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

k8s搭建nfs共享存储实践

《k8s搭建nfs共享存储实践》本文介绍NFS服务端搭建与客户端配置,涵盖安装工具、目录设置及服务启动,随后讲解K8S中NFS动态存储部署,包括创建命名空间、ServiceAccount、RBAC权限... 目录1. NFS搭建1.1 部署NFS服务端1.1.1 下载nfs-utils和rpcbind1.1