安装React环境
有三种方式,在这里推荐第三种方式。
1.引入.js 文件来使用React
2.通过脚手架工具来编码 (webpack、Grunt、Gulp)
3.create-react-app(官方推荐)
1.node.js安装
如果没有安装的小伙伴,看这里node安装教程
安装之后一定要检验一下版本号是否出来了
2.安装
使用create-react-app 创建my-app这个项目
运行:npx create-react-app my-app命令
不是错字,是npx,不是npm!如果有小伙伴对npm和npx区别感兴趣的话,可以去找文章看看了解一下。
简单说一下npx的作用如:
1.默认情况下,首先检查路径中是否存在要执行的包(即在项目中);2.如果存在,它将执行;3.若不存在,意味着尚未安装该软件包,npx将安装其最新版本,然后执行它;
//下面两句效果一样,这样就能看到区别了吧!
npm run my-package
npx my-package
执行:cd my-app
执行:npm start
react环境安装是很简单的。
3.yarn命令
方法一
:使用安装包安装
官方下载安装包,https://yarnpkg.com/zh-Hans/docs/install,安装完毕后,一定要配置环境变量。
方法二
:使用npm安装
npm i yarn -g
-i:install
-g:全局安装(global),使用 -g 或 --global
卸载:
1.安装包直接软件卸载。
2.npm安装的则通过命令npm uninstall yarn -g卸载。
额外介绍一下:
yarn.lock文件相当于的package.json文件,该文件记录当前状态下安装的各个依赖包的具体来源和版本号。
如果你的项目文件里面是yarn.lock 需要运行 yarn install
如果你的项目文件里面是package.json 需要运行 npm install
希望大家学习快乐哈!分享技术更快乐哦!