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 的路径
  

1.4 配置并修改环境变量

• 1创建环境变量：NODE_PATH，设置nodejs目录中node_global\node_mudules路径
  

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

• 3.编辑【系统变量】中的【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@版本号

---

三、安装项目依赖

• 前端项目下载，提取码：5555

3.1 进入前端项目根目录

• 删除项目依赖：node_modules基于当前系统环境
• 重新下载前端依赖确保前端环境的兼容性
  

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

• 进入前端项目根目录，执行命令：cnpm i
  

---

四、项目启动

4.1 启动项目

• 进入前端页面的根目录，执行命令，npm run dev 启动前端项目
  

4.2 访问主页

• 点击控制台前端页面链接，访问前端项目
  

---

五、前端环境补充说明

5.1 问题说明

由于之前使用的cnpm i 安装的项目，依赖有部分问题，导致了项目加载没有响应（需每次刷新页面）
问题的具体表现的形式是：点击前端页面中的任意菜单，页面无法正常刷新跳转，需要手动刷新浏览器

5.2 问题说明

执行安装yarn，需要使用管理员权限打开命令窗口，安装命令如下
验证是否安装成功：如果能展示版本，则表示成功安装

5.3 依赖安装

前端项目的依赖需要重新安装

• 首先删除前端项目中的node_modules文件夹
• 使用以下命令重新安装
  

5.4 再次运行前端项目