1.安装yarn
方法一:使用安装包安装
官方下载安装包,https://yarnpkg.com/zh-Hans/docs/install,安装完毕后,一定要配置环境变量。
方法二:使用npm安装
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安装 create-react-app 工具
$ npm install -g create-react-app yarn
图1:npm安装脚手架
图2:yarn安装脚手架。
npm和yarn的区别。见npm和yarn的区别,我们该如何选择?
然后新建一个项目。工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖
$ create-react-app react-app
然后我们进入项目并启动。
$ cd react-app
$ yarn start
此时浏览器会访问 http://localhost:3000/ ,看到 Welcome to React
的界面就算成功了。
添加组件,如:
$yarn add antd
2.卸载yarn
1.安装包直接软件卸载。
2.npm安装的则通过命令npm uninstall yarn -g卸载。