npm太慢?使用cnpm来安装 React 脚手架

原创 fengGo     发表于  2020-11-27 09:05       402
最近在看前端的资料,在Vue和React之间犹豫了一段时间,问了做前端的同事,说的是Vue有往React标准靠拢的趋势。最终,选择了React。


React开发需要基于NodeJS的环境,建议尽量选择高一点的版本,不然建项目时会提示版本过低。NodeJS前往官方网站即可下载,点击前往 NodeJS下载地址,建议下载有 LTS 标识的长期支持版本。


安装完成后,默认会自动配置环境变量,使用 node -v 命令即可查看 NodeJS 版本信息,Windows 和 MacOS上命令一致;


环境安装完成,接下来通过脚手架的方式生成 React 项目,由于国内使用 nmp 方式速度太慢,建议使用淘宝镜像的 cnpm 形式(如果有特殊渠道,可以忽略)。

输入:

npm i cnpm -g --registry=https://registry.npm.taobao.org

这个命令的意思是,使用npm,从远程仓储 https://registry.npm.taobao.org 上下载一个叫做 cnpm 的包,并且安装至本地nodejs的根目录下的node_global目录下,这里npm i,这个i就是install的简写。如果执行命令控制台没有异常输出,说明安装完成。

接下来在控制台通过命令的形式,以脚手架方式安装生成 React 项目依赖环境。

注意:使用 cnpm 的方式,不然安装的 cnpm 就白瞎了!

cnpm install -g create-react-app

生成 React 项目,项目名可自定义。如果 NodeJS 过低,执行这条命令会有异常提示,建议 NodeJs 使用高版本。

create-react-app react-demo-app

启动 React 项目

cd react-demo-app
npm start

过程截图省略,主要展示步骤。更多 React 开发,可前往参考 React 开发文档