使用 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。
以下是我们的菜单
-
- 安装Homebrew
-
- 安装Nodebrew
-
- 安装Node.js
- 创建React应用
1. 自酿的 |- Zì de |
适用于MacOS和LinuxOS的软件包管理工具。
这次由于已经安装了,所以省略了安装方法。
我没有记得安装过它,但好像在不知不觉中已经安装了。
安装Nodebrew。
nodebrew是Node.js的版本管理工具,可以安装Node.js。
通过使用brew命令进行安装。
brew install nodebrew
安装Node.js
使用nodebrew命令进行安装。
确认安装版本
nodebrew ls-remote
创建一个用于nodebrew的安装目录
mkdir -p ~/.nodebrew/src
创建一个安装nodebrew的目录。如果没有这个目录,会被指责。
安装Node.js
nodebrew install-binary v16.14.2
然而,仅仅进行了安装并不能使用node……。最好休息片刻。剩下的步骤如下。
-
- 启用Node.js
-
- 设置路径
- 使用npx create-react-app
启用Node.js
nodebrew ls
使用 “use” 命令来启用。
nodebrew use v16.14.2
允许路径通过
换个话题,原本使用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 プロジェクト名
请进入想要创建项目的目录,并输入以上命令。
项目名称可以根据你的喜好输入。
稍等片刻,将显示成功提示文本,并显示以下类似的消息在末尾。
顺便提一下,npx 是什么意思?
我们在谈论npm,但是npx是什么?
它随npm一起安装。
使用npx可以安装、执行和删除包。
在不需要多次执行的命令执行时非常好用。
请参考以下内容