1、安装webstrom与node
JetBrains: Developer Tools for Professionals and Teams
jetBrains官网,包括idea,webstrom等,可以申请学生账号免费使用
node官网下载
2、webstrom配置node
3、webstrom安装官方react脚手架
在webstrom的命令行中输入一下命令
npm install -g create-react-app //一个webstrom只需要装一次
4、修改npm源
npm config get registry //查看当前镜像源https://registry.npmjs.org/
npm config set registry https://registry.npm.taobao.org //设置淘宝镜像源
5、新建react项目
6、配置修改
为避免之后mpn run build打包完成的项目出现空白页的情况
在项目文件夹下修改package.json文件,添加或修改homepage字段为“homepage”:“./”