前端工程化之环境篇

Guoyeting020
51 阅读3分钟

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第4天，点击查看活动详情

image.png

环境管理

Node官网

Node不是一门语言也不是一个框架，它可解析和运行JS，像浏览器解析与运行JS一样。通过Node版本管理工具-Nvm-Node Version， Manager无缝切换Node版本。

注意：安装Nvm前如果本地已有Node环境必须先要完全卸载Node。
window系统卸载：

  1. 选择控制面板 → 程序 → 卸载，找到Node.js，点击卸载
  2. 打开C:/Users/$USER/AppData/Roaming目录，删除npm与npm-cache两个文件夹
  3. 打开C:/Users/$USER目录，删除.npmrc文件

部署Node

1、安装

打开nvm-windows的下载地址，下载最新版本的nvm-setup.zip，解压后双击nvm-setup.exe文件，开启傻瓜式安装

注意：
改变Nvm，Node安装路径！
Select Destination Location表示Nvm的安装路径
Select Node.js Symlink表示Node的安装路径

2、配置环境变量

安装完毕还需配置环境变量。选择此电脑 → 属性 → 高级系统设置 → 环境变量。选择Path再点击编辑，把Nvm路径与Node路径加入到配置列表中。

最后，打开CMD工具，执行nvm v查看版本，输出版本表示安装成功 ✿✿ヽ(°▽°)ノ✿

3、 常用命令

image.png

4、镜像

nvm默认使用国外的Node镜像服务器，所以可能会出现安装很慢情况

执行以下命令修改Node镜像与Npm镜像

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

然后会在nvm目录里生成一个配置文件setting.txt

root: xxxx（Nvm地址）
path: xxxx（Node地址）
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

5、最后 Node官网安装会有两个版本选择（其实是属于同一个版本的不同阶段而已）：Current最新尝鲜版与LTS长期维护版

一个版本发布，首先前6个月是current阶段，之后奇数版本会变成不支持状态，偶数版本进入LTS阶段：LTS也分为两个阶段-Active LTS持续18个月之后进入Maintenance LTS再持续12个月，到期后进入EOL，最终unstable\

每年4月发布偶数版本，10月发布奇数版本
选择最新版本LTS以及往下两个主版本共存，这样才能保障近段时间内项目运行的稳定性!

镜像管理

优雅切换Npm镜像

需要一个镜像管理工具-nrm

打开CMD工具，执行npm i -g nrm安装nrm，再执行nrm -V，输出版本表示安装成功

image.png 在开发时使用淘宝镜像，但发布时必须使用原镜像

  • 原镜像：https://registry.npmjs.org/
  • 淘宝镜像：https://registry.npmmirror.com/

最后：
镜像问题的坑蛮多的，但兵来将挡水来土掩，记住：方法永远比困难多！

数据管理

搭建数据库为自己所用！ （额~我阶段不够格啊，先跳过）

进程管理

三种Node进程管理工具：nodemon；forever；pm2

工具稳定性运行环境开发量级后台运行代码监听状态监控日志管理集群模式
nodemon中等开发环境无×√×××
forever中等生产环境较小√√×√×
pm2较高生产环境较大√√√√√

nodemon适用于开发环境，调试代码更方便；
forever适用于无需监控且访问量较小的Node服务;
pm2适用于需监控且访问量较大的Node服务。

avatar
文章
阅读
粉丝