使用 npm 开始学习 React

前提 tí)

使用Windows下的WSL。
目标是通过npm开始使用React。

npm的定义是什么?

Node包管理器的简称。
可用于Node.js的包管理工具。

包管理工具是什么?

可以安装或管理软件包(包括库文件、配置文件和可执行文件)。
换句话说,它是一个方便的“快乐套餐”,你不需要从各个官方网站单独下载各种工具,也不需要自己管理版本。

Node.js 是什么?

JavaScript是一种在浏览器上运行的编程语言。
Node.js是一个使JavaScript能够在个人电脑上运行的软件。

在PC上运行Node.js具备功能,使用Node.js可以将JavaScript作为服务器端语言使用。

总之,要使用npm,需要安装Node.js。

以下是我们的菜单

    1. 安装Homebrew

 

    1. 安装Nodebrew

 

    1. 安装Node.js

 

    创建React应用

1. 自酿的 |- Zì de |

适用于MacOS和LinuxOS的软件包管理工具。
这次由于已经安装了,所以省略了安装方法。
我没有记得安装过它,但好像在不知不觉中已经安装了。

安装Nodebrew。

nodebrew是Node.js的版本管理工具,可以安装Node.js。
通过使用brew命令进行安装。

brew install nodebrew

安装Node.js

使用nodebrew命令进行安装。

确认安装版本

nodebrew ls-remote
image.png

创建一个用于nodebrew的安装目录

 mkdir -p ~/.nodebrew/src

创建一个安装nodebrew的目录。如果没有这个目录,会被指责。

安装Node.js

nodebrew install-binary v16.14.2
image.png

然而,仅仅进行了安装并不能使用node……。最好休息片刻。剩下的步骤如下。

    1. 启用Node.js

 

    1. 设置路径

 

    使用npx create-react-app

启用Node.js

nodebrew ls
image.png

使用 “use” 命令来启用。

nodebrew use v16.14.2
image.png

允许路径通过

换个话题,原本使用ls命令输入which命令后,可以知道以下位置中存储着该命令。

which ls
> /usr/bin/ls

只要在命令行中輸入/usr/bin/ls的完整路徑,才能執行ls命令。
ls命令之所以可用是因為bash會查找路徑並執行該命令。
bash設有環境變量,提供一些可在bash內部使用的環境變量。

如果下载了新的可执行文件,如果不告诉bash文件的保存位置,它会生气的。

这次也是因为下载了新的Node.js版本,所以无法通过使用node命令来运行,需要进行路径设置的操作。

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bashrc

将设置路径的命令添加到.bashrc文件中。
每次打开终端时,该文件都会被执行。
关闭终端后,重新打开,就可以使用node命令了。
使用node命令会进入交互模式,如下所示。

$node
--------------------
Welcome to Node.js v16.14.2.
Type ".help" for more information.
>

开始使用React

npx create-react-app プロジェクト名

请进入想要创建项目的目录,并输入以上命令。
项目名称可以根据你的喜好输入。
稍等片刻,将显示成功提示文本,并显示以下类似的消息在末尾。

image.png
image.png

顺便提一下,npx 是什么意思?

我们在谈论npm,但是npx是什么?
它随npm一起安装。
使用npx可以安装、执行和删除包。
在不需要多次执行的命令执行时非常好用。

请参考以下内容

 

广告
将在 10 秒后关闭
bannerAds