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 访问主页

  • 点击控制台前端页面链接,访问前端项目
相关推荐
Misnearch3 小时前
node.js版本管理
node.js
转转技术团队3 小时前
代码变更暗藏危机?代码影响范围分析为你保驾护航
前端·javascript·node.js
Mintopia4 小时前
Node.js高级实战:自定义流与Pipeline的高效数据处理 ——从字母生成器到文件管道的深度解析
前端·javascript·node.js
你的人类朋友8 小时前
解释一下Node.js的『阻塞』现象,并回答:为什么会阻塞?什么情况下会阻塞?
javascript·后端·node.js
敲敲敲-敲代码17 小时前
【ArcGIS】ArcGIS10.6彻底卸载和ArcGIS10.2安装全过程
arcgis
星火19131421 小时前
arcgis jsapi 4.31 调用geoserver 发布的wms服务
arcgis·geoserver
疾风铸境1 天前
Qt5.14.2+mingw64编译OpenCV3.4.14一次成功记录
前端·webpack·node.js
云只上1 天前
前端界面在线excel编辑器 。node编写post接口获取文件流,使用传参替换表格内容展示、前后端一把梭。
前端·javascript·node.js·excel
BillKu1 天前
node.js、npm相关知识
前端·npm·node.js
还是鼠鼠1 天前
Node.js 中间件-中间件的概念与格式
前端·javascript·vscode·node.js·express