4.0不用npm,cnpm。使用yarn包启动react项目

启动的时候请注意:https://blog.csdn.net/weixin_44051236/article/details/106288657 !!!

如果用npm安装的话!

第一步:全局安装:Npm install -g create-react-app

第二部:cd 目录 create-react-app hello-react

第三部: 进入项目文件夹: cd hello-react

第四部: 启动项目 npm start。

参考链接::https://www.jianshu.com/p/f05eabdf3ab6?utm_source=so

### 如果有小伙伴因为网络原因npm包下载不下来,那么可以最好挂在一个vpn之类的去下载,cnpm不靠谱,不推荐使用,没有vpn,建议使用yarn。

一.yarn安装:

在指定包下 npm intsall -g yarn

npm i yarn -g
-i:install 
-g:全局安装(global),使用 -g 或 --global

输入yarn -version 可以看到版本号,说明安装成功了。我们就可以在项目中像使用npm一样使用yarn了

  • yarn / yarn install 等同于npm install 批量安装依赖
  • yarn add xxx 等同于 npm install xxx —save 安装指定包到指定位置
  • yarn remove xxx 等同于 npm uninstall xxx —save 卸载指定包
  • yarn add xxx —dev 等同于 npm install xxx —save-dev
  • yarn upgrade 等同于 npm update 升级全部包
  • yarn global add xxx 等同于 npm install xxx -g 全局安装指定包

(yarn add axios)

二.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

三. 执行yarn。然后运行就好。

补充yarn:

yarn的简介:

Yarn是facebook发布的一款取代npm的包管理工具。


yarn的特点!

  • 速度超快。
    • Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。
  • 超级安全。
    • 在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。
  • 超级可靠。
    • 使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作