个人idea创建React项目笔记
1.首先本地安装Node.js
下载地址:Node
安装:傻瓜式安装,自动配置环境变量
注意:如果之前安装过Node,一定要先卸载,直接删除nodejs或者node文件没用
cmd node -v查看
2.接下来全局安装create-react-app yarn-命令:npm install -g create-react-app yarn
使用create-react-app antd-demo创建antd-demo项目
注意:在创建项目的过程中会遇到很多问题,
例如:error A unexpected error ccurred "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz:timeout-大概意思就是访问仓库的超时了,是因为用的是国外的仓库,要么就不行,要么就很慢,所以改用taobao的npm install -g cnpm --registry=https://registry.npm.taobao.org,然后修改create-react-app使用cnpm,详细请看:https://blog.csdn.net/andr0id/article/details/91384166
command = 'npm'; --> command = 'cnpm';
npmVersion = execSync('npm --version') --> npmVersion = execSync('cnpm --version')
let httpsProxy = execSync('npm config get https-proxy') --> let httpsProxy = execSync('cnpm config get https-proxy')
childOutput = spawn.sync('npm', ['config', 'list']).output.join(''); --> childOutput = spawn.sync('cnpm', ['config', 'list']).output.join('');
————————————————
版权声明:本文为CSDN博主「gergul」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/andr0id/article/details/91384166
例如:Found incompatible module
设置yarn如下:
yarn config set ignore-engines true
详细:https://blog.csdn.net/qq_42144899/article/details/88574761
出现这样的就说明成功了
3.在idea中就可以直接看到
在run config…里面配置
直接run,访问http://localhost:3000
完成