MAC上安装React教程

React是由Facebook开发的用于构建用户界面的JavaScript库，采用组件化开发模式和基于声明式编程的方式来描述UI，可以提高代码可维护性和重用性。同时，React使用Virtual DOM技术来优化DOM操作的性能，适用于开发大规模的Web应用程序。

检查NodeJS环境

打开终端应用程序（Terminal.app）
输入以下命令来检查是否安装
```
node -v
```
如果已成功安装，则会显示安装的版本号
```
testuser@testvm ~ % node -v



v18.16.0
```
输入以下命令来检查是否安装了 npm（包管理器）
```
npm -v
```
如果 npm 已成功安装，则会显示安装的版本号
```
testuser@testvm ~ % npm -v



9.5.1
```

安装NodeJS环境(已经安装，请忽略)

前往官网（）下载安装程序到本地，然后本地运行该安装程序并按照指示进行安装。

安装创建React项目

在终端进入到个人项目空间
```
cd /Users/testuser/react
```

在个人项目空间创建一个名为 "first-react-app" 的React 应用程序

npx create-react-app first-react-app

当看到成功信息，表明React项目和所依赖的安装包都已准备完成




Success! Created first-react-app at /Users/testuser/react/first-react-app



Inside that directory, you can run several commands:



 



  npm start



    Starts the development server.



 



  npm run build



    Bundles the app into static files for production.



 



  npm test




    Starts the test runner.



 



  npm run eject



    Removes this tool and copies build dependencies, configuration files



    and scripts into the app directory. If you do this, you can’t go back!



 



We suggest that you begin by typing:



 



  cd first-react-app



  npm start



 



Happy hacking!

进入到React项目目录，执行启动命令
```
cd first-react-app



npm start
```
启动完成后，会在默认浏览器中打开React 应用程序
停止React应用程序。在点击终端运行页面，使用组合键 ‘control’ + ‘C’ 或者 ‘command’ + ‘C’ 即可停止React应用程序。

完成了上述步骤，则可以证明MAC电脑和 React。可以*选择开发工具开发了。

秒客网

MAC上安装React教程

检查NodeJS环境

安装NodeJS环境(已经安装，请忽略)

安装创建React项目

相关文章