- 首先需要安装一下node.js,可以在官网下载,地址:https://nodejs.org/en/,此处安装的是windows版本的LTS,这个版本的是稳定版本的,大家可以根据自己的需要进行安装。

安装之后直接在CMD命令窗里面输入:
node -v就会显示刚才安装的版本号。在安装node的时候会自动安装npm,但是我们都会选择国内的cnpm镜像,这里只需要执行以下命令便可:npm install -g cnpm --registry=https://registry.npm.taobao.org
完成之后便可使用cnpm来进行操作了。
以上安装完成之后,下一步就开始创建第一个React了。首先React的官方网址:https://reactjs.org/ 在CMD中执行以下命令来创建:
npx create-react-app my-react
以上命令结束后cd my-react进入刚才创建的项目目录,再执行以下命令就会启动服务便自动跳转到浏览器进行浏览:npm run start

到此,我们的简单的react就完成了,而它的默认端口是3000.
备注:
NPM 常用命令
NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。
- 使用npm help 可查看某条命令的详细帮助,例如npm help install。
- 在package.json所在目录下使用npm install . -g可先在本地安装当前命令行程序,可用于发布前的本地测试。
- 使用npm update 可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。
- 使用npm update -g可以把全局安装的对应命令行程序更新至最新版。
- 使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。
- 使用npm unpublish @可以撤销发布自己发布过的某个版本代码。
官网文档的参考地址:https://www.npmjs.com/package/doc
这篇博客介绍了如何初入React开发,首先讲解了如何安装Node.js和切换到CNPM镜像,接着通过官方网址展示了如何使用命令行创建第一个React应用程序,并启动服务在浏览器中预览。此外,还提到了一些NPM常用命令,如install、update和cache clear等。

被折叠的 条评论
为什么被折叠?



