入门日记之安装Node.js

先到Node.js的官网(https://nodejs.org/zh-cn/)下载安装文件
入门日记之安装Node.js_第1张图片
选择长期支持版

我选择安装到了D盘
入门日记之安装Node.js_第2张图片
入门日记之安装Node.js_第3张图片
这里有几个自定义配置,默认全部都配
第一个是node.js的运行环境
第二个是npm的包管理工具
第三个是联机文档快捷方式
第四个是将node.js与npm添加到环境变量

入门日记之安装Node.js_第4张图片

通过百度翻译
大致意思是:
Some npm modules need to compiled from C/C++ when installing. If you want to be able to install such modules,
some tools(Python and Visual Studio Build Tools) need to be installed.
一些npm的模块在安装时需要用到C/C++、Python、Visual Studio Build Tools等工具。

automatically install the necessary tools.note that this will also install Chocolatey.The script will pop-up in a new window after the installation completes.
自动安装必要的工具。

请注意,将安装Chocolatey(Windows下的一个包管理工具)。

安装完成后,脚本将在新窗口中弹出。

为了避免手动安装的麻烦,建议勾选

Install后出现这个界面
入门日记之安装Node.js_第5张图片
此脚本将根据需要安装Python和visualstudio构建工具

编译节点.js本机模块。请注意,Chocolatey和必需的窗口

还将安装更新。

这将需要大约3 Gb的可用磁盘空间,再加上恢复所需的任何空间

安装Windows更新。这将需要一段时间来运行。

请在安装期间关闭所有打开的程序。如果

安装失败,请确保Windows已完全更新,重新启动

再次尝试运行。这个脚本可以在

“开始”菜单下节点.js.

你现在可以关上这扇窗停下来。详细的安装说明

手动工具可在https://github.com/nodejs/node-gyp#on-windows

按下空格继续
入门日记之安装Node.js_第6张图片
使用此脚本下载第三方软件


这个脚本将直接向Chocolatey 安装软件包。通过使用

安装一个chocolatey包,你正在接受许可证

应用程序、可执行文件或其他工件作为

chocolatey装的结果。无论你是否知道

许可条款与否。阅读并理解软件包的许可条款

正在安装及其在安装之前的依赖关系:

  • https://chocolatey.org/packages/chocolatey

  • https://chocolatey.org/packages/python

  • https://chocolatey.org/packages/visualstudio2017-workload-vctools

此脚本按原样提供,不提供任何形式的保证


chocolatey已经在他们的过程中实施了安全保障措施来帮助他们

保护社区免受恶意软件或盗版软件的侵害,但是

剧本风险自负。请阅读chocolatey的法定使用条款

以及社区存储库chocolatey.org保持。

按下空格继续

然后出现了这么一个命令行,意味着开始下载那些工具了
入门日记之安装Node.js_第7张图片

入门日记之安装Node.js_第8张图片
It’s very likely you will need to close and reopen your shell before you can use choco.
很可能您需要关闭并重新打开shell
在你用Chocolatey 之前。

You can safely ignore errors related to missing log files when
upgrading from a version of Chocolatey less than 0.9.9.
‘Batch file could not be found’ is also safe to ignore.
‘The system cannot find the file specified’ - also safe.
您可以安全地忽略与丢失的日志文件相关的错误

从低于0.9.9的chocolate版本升级。

“找不到批处理文件”也可以安全地忽略。

‘系统找不到指定的文件’-也是安全的。

这些Wraning信息问题不大,慢慢等待安装。

但是这里会给我们在C盘安装一个Python39,由于我已经安装了Anaconda3,后面考虑能不能把这玩意给卸载掉,这个Python可能会与现有的Anaconda3冲突。

入门日记之安装Node.js_第9张图片

入门日记之安装Node.js_第10张图片
等待长达几分钟,出现了一句Type ENTER to exit:
这应该是在告诉我敲下回车退出。

我尝试按了一下回车,好的,退出了,这说明安装完了。

看了下C盘果然多了个Python39
入门日记之安装Node.js_第11张图片

系统变量Path也多出了两行
在这里插入图片描述
看我先把环境变量残忍的删掉。

Python39就不能直接删了。
要到控制面板的卸载程序里去删,一个是Python39 一个是Python Launch,卸载时会告诉你要卸载的版本号是不是Python39。
如果你觉得有风险,可以不删除。
查看一下node.js与npm的版本以及npm的一些配置信息
node -v
npm -v
npm config list
入门日记之安装Node.js_第12张图片

从别的地方得知,默认的npm仓库地址是在C:\Users\admin\AppData\Roaming\npm
我希望换到D盘
在D:\nodejs下新建npm_prefix与npm_cache两个文件夹
打开命令行执行
npm config set prefix D:\nodejs\npm_prefix
入门日记之安装Node.js_第13张图片

可以看到,仓库位置发生了改变,并且多了个userconfig文件。
这个文件里写明了我们修改后的一些配置参数。
入门日记之安装Node.js_第14张图片

接下来再将缓存目录转移到D盘。
npm config set cache D:\nodejs\npm_cache

然后,将环境变量中的本地npm仓库路径修改一下
将C:\Users\admin\AppData\Roaming\npm
修改为D:\nodejs\npm_prefix(你所设置的位置)
入门日记之安装Node.js_第15张图片

接下来需要更改npm的镜像源为国内的,因为默认是走国外的网络,速度很慢。

查看当前的远程仓库
npm config get registry
在这里插入图片描述
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
依次执行这三个配置将当前国外镜像设置为淘宝镜像
如果没有报错
你会在.npmrc文件中多看到三行,就是我们修改的那些路径
入门日记之安装Node.js_第16张图片

查看当前的npm远程仓库路径
入门日记之安装Node.js_第17张图片
最后检查一下配置

入门日记之安装Node.js_第18张图片

我使用WebStorm进行试验
入门日记之安装Node.js_第19张图片
在这个界面打开Configure->Settings配置一下node.js与npm的路径
入门日记之安装Node.js_第20张图片
回到启动界面,新建一个React App试试水。

入门日记之安装Node.js_第21张图片

入门日记之安装Node.js_第22张图片
出现正在安装react的提示了,代码闪的很快,但能看出来是在使用淘宝镜像进行下载安装。

入门日记之安装Node.js_第23张图片
这应该是提示我安装完成了。

看到有默认的项目结构了
入门日记之安装Node.js_第24张图片
入门日记之安装Node.js_第25张图片
查看一下node_modules 安装的位置,发现是在当前项目下安装的,这个原理是啥我也不清楚。。。
在这里插入图片描述
右上角很贴心的有配置了npm start
运行一波,出现
入门日记之安装Node.js_第26张图片
这说明Node.js安装成功了,npm的淘宝镜像仓库也设置好了。

你可能感兴趣的:(入门,npm,node.js)