本文已参与「新人创作礼」活动,一起开启掘金创作之路。
最近刚入职了一家新公司,直接去仓库提的全新的电脑全套,作为咱们前端开发人员,肯定是需要安装开发相关的软件以及配置环境的,这里整理了安装的详细教程,希望能对大家有所帮助!
本文主要是介绍Node.js的安装和环境配置
1.安装环境
不同的操作系统对应不同的node.js的安装包,看官们自行选择哈。
本机系统:Windows 10 Pro(64位)
2.安装Node.js步骤
- 下载对应你系统的Node.js版本:nodejs.org/en/download…;
- 选安装目录进行安装
- 环境配置
- 测试
3.开始安装
- 下载完成后,双击.msi文件,开始安装Node.js
- 点击【Next】按钮
- 勾选复选框,点击【Next】按钮
- 修改好目录后,点击【Next】按钮
- 安装完后点击【Finish】按钮完成安装
- 安装完成后,可以查看下node版本号确认是否安装成功,后面还要进行环境配置。在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口
- 安装完后的目录如下图所示:
4.环境配置
-
环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,便于统一管理以及节省C盘的空间。
-
所有一般情况下会在(node的安装路径)【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:
-
创建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix "D:\Develop\nodejs\node_global" npm config set cache "D:\Develop\nodejs\node_cache" -
没有报错就说明设置成功了的(当然你也可以用npm config get prefix去验证是否成功)
-
设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
- 进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】
- 将【用户变量】下的【Path】新增一个【D:\Develop\nodejs\node_global】
5.测试一下
安装一两个全局模块测试一下,比如webpack、yarn 打开win+r 打开cmd窗口,输入npm install –g webpack,npm install –g yarn
好啦! 到这里你的Node.js就已经完全弄好了,接下来你可以去安装开发工具(比如VS code)试试运行你的代码吧。下一章的内容是关于Git的安装以及连接代码管理平台GitLab(内网),记得关注哟!