前端入职各种工具软件的安装(一)--node安装及环境配置

270 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

最近刚入职了一家新公司,直接去仓库提的全新的电脑全套,作为咱们前端开发人员,肯定是需要安装开发相关的软件以及配置环境的,这里整理了安装的详细教程,希望能对大家有所帮助!

本文主要是介绍Node.js的安装和环境配置

1.安装环境

不同的操作系统对应不同的node.js的安装包,看官们自行选择哈。

本机系统:Windows 10 Pro(64位)

2.安装Node.js步骤

  1. 下载对应你系统的Node.js版本:nodejs.org/en/download…
  2. 选安装目录进行安装
  3. 环境配置
  4. 测试

image.png

3.开始安装

  • 下载完成后,双击.msi文件,开始安装Node.js

image.png

  • 点击【Next】按钮

image.png  

  • 勾选复选框,点击【Next】按钮

image.png

  • 修改好目录后,点击【Next】按钮

image.png

image.png

  • 安装完后点击【Finish】按钮完成安装

image.png

  • 安装完成后,可以查看下node版本号确认是否安装成功,后面还要进行环境配置。在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

image.png

  • 安装完后的目录如下图所示:

image.png

4.环境配置

  • 环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,便于统一管理以及节省C盘的空间。

  • 所有一般情况下会在(node的安装路径)【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

image.png

  • 创建完两个空文件夹之后,打开cmd命令窗口,输入

      npm config set prefix "D:\Develop\nodejs\node_global"
    
      npm config set cache "D:\Develop\nodejs\node_cache"
    
  • 没有报错就说明设置成功了的(当然你也可以用npm config get prefix去验证是否成功) image.png

  • 设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

image.png

  • 进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】

image.png

  • 将【用户变量】下的【Path】新增一个【D:\Develop\nodejs\node_global】

image.png

5.测试一下

安装一两个全局模块测试一下,比如webpack、yarn 打开win+r 打开cmd窗口,输入npm install –g webpack,npm install –g yarn

image.png

好啦! 到这里你的Node.js就已经完全弄好了,接下来你可以去安装开发工具(比如VS code)试试运行你的代码吧。下一章的内容是关于Git的安装以及连接代码管理平台GitLab(内网),记得关注哟!