安装
安装的基础是你需要有NodeJS与npm,且版本较高一点,安装react开发所需要的工具
$ npm install -g create-reacte-app
npm版本较低的话创建项目会失败,所以要确保npm的版本较高,升级npm
$ cnpm install -g npm
使用
- 进入你所需要创建项目的文件
$ creat-react-app my-app(项目名称)
创建项目的时候会安装相应的包,所以耗时会稍微长一点,耐心等待~ - 进入项目并启动
$ cd my-app $ npm start
- 图片显示问题
我按照之前代码的习惯,用相对路径来寻找图片,但是发现并不显示出来,通过查询发现react图片路径的引用有自己的方法- 将图片放在
public
下
<img src=" images(图片存放的文件夹名称)/cancer.png(图片名称) " />
如果你存放在public下的图片外层有多个文件夹,就一层一层写下去,直到图片的位置 - 将图片放在
src
文件夹下
<img src={[require(" ../../images/cancer.png ")]} />
require中直接写相对路径就行了
- 将图片放在