前端工程开发环境 Node 之 NVM 管理应用

2022-08-20 13:09:23

附:前端工程化管理

相信很多小伙伴们都听说过一个这样的职位——建筑工程师,对于非专业人士的我们来说,建筑工程师对比建筑工地上搬砖、运水泥的要高大上、够权威、总控制、活不多还薪水高的一门职业。在软件 Web 前端这几年的进阶之下,同样出现了前端工程化这一技能,从而市场急需前端工程师,前端的工作不在是使用 DIV + CSS 完成几个静态页面以及通过 JS 生成页面动画交互效果。

如今的前端业务日益复杂化和多元化,前端开发从 WebPage 模式逐而转变为 WebApp 模式,通过使用软件工程的技术和方法来进行前端应用的开发流程、技术、工具、经验等规范化、标准化,其主要目的就是为了提高开发效率和降低开发成本。


模块化: 就是将一个大文件拆分成相互依赖的小文件,再进行统一的拼装和加载,避免规则冲突,从而实现代码的独立维护;
组件化: 从 UI 拆分下来的每个包含模板 (HTML) + 样式 (CSS) + 逻辑 (JS) 功能完备的单元结构,且组件可复用在其他地方;
规范化: 规范项目工程目录结构、编码规范、前后端分离、文档规范、分支管理等相关规范,统一遵守前端开发中相关规范;
自动化: 就是通过机器去完成前端中任何简单机械性的重复劳作,从而减轻前端开发者劳作,提高工作效率;


前端工程化,只是将前端的工作按一个工程去做,对于前端工程化只需要了解相关思维即可,回归主题,现如今许多企业都采用了前后端分离方式来开发项目,这样不仅提高了项目的整体开发效率,还保证了企业前后端开发人员的工作分配,对于今天的主题并不是将企业的分工工作。

在企业工作中,常常会对一些之前运维项目进行日常维护,而对于开发者来说,手头上已有一个项目采用的是新的开发环境,若同时管理新旧两个项目的工作,每次都需要去将开发环境进行降级或升级,碰到网络延迟什么的,一天的时光就这么过去了,导致后面的无偿加班吧!


一:环境管理

项目中使用不同版本的 Node 来处理企业中新旧项目工作,通过 NVM (node.js version manage) 来对 node 版本的管理,用于不同版本的 node 安装和切换。

下载安装

点击NVM 在 github 上下载最新版本,根据系统点击以下对应的地址下载安装包,推荐使用安装版本,下载完成后解压,点击 nvm-setup.exe 运行安装

  • nvm-noinstall.zip:window 系统免安装解压版本
  • nvm-setup.zip:window 系统安装版本
  • Source code (zip):Mac 和 Linux 系统免安装解压版本
  • Source code (tar.gz):Mac 和 Linux 系统安装版本

选中 “I accept the agreement” 后 Next 进行下一步,点击 Browse 按钮,选择安装路径后 Next 进行下一步,如下方式选择 Node 存放路径,install 安装


在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

找到 NVM 安装目录下的 setting.txt 文件使用记事本打开,输入如下设置淘宝镜像源,保存关闭,并在 NVM 安装目录下新建一个 nodejs 文件夹


在这里插入图片描述

通过window +R 打开运行,输入 “cmd” 回车打开 Doc 窗口,在 Dos 窗口输入:nvm -v 加回车,得到如下效果标识 NVM 安装成功


在这里插入图片描述

常用指令

  • nvm list installed:用于查看当前电脑上已经安装 Node 的版本
  • nvm list available:用于查看当前网络可以安装的 Node 版本
  • nvm install [x.x.x node 版本]:用于安装指定版本的 Node 工具
  • nvm uninstall [x.x.x node 版本]:用于卸载指定版本的 Node 工具
  • nvm ls:用于查看当前电脑上已经安装 Node 的版本
  • nvm use [x.x.x node 版本]:用于设置使用那个版本的 Node 工具,常用于切换 Node 版本
  • nvm current:用于查看当前使用那个版本的 Node 工具

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 作者:十三餍
  • 原文链接:https://blog.csdn.net/weijun20180101/article/details/107748610
    更新时间:2022-08-20 13:09:23