React脚手架安装

最新推荐文章于 2023-08-01 15:39:58 发布

原创最新推荐文章于 2023-08-01 15:39:58 发布 · 4k 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了如何在没有yarn的情况下通过npm全局安装yarn，以及如何利用yarn配置淘宝源。重点讲解了如何使用npm全局安装并创建React脚手架，包括必要的清理步骤和项目启动流程。

一,npm与yarn 都能安装脚手架,如果没有yarn,全局执行命令行安装

npm install -g yarn

查看版本:

yarn --version

Yarn 淘宝源安装，分别复制粘贴以下代码行到黑窗口运行即可

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

二, 安装react脚手架
step1:全局安装：npm i -g create-react-app
step2:切换到想创项目的目录，使用命令：create-react-app hello-react

如果下载不动先npm cache clean --force再npm install,多试几次

step3:安装成功后进入项目文件夹：cd xxxx
step4:启动项目:yarn start

执行成功后浏览器入口页面: 在这里插入图片描述