idea使用node创建React项目笔记

    技术2023-06-21  85

    个人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(''); ———————————————— 版权声明:本文为博主「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 完成

    Processed: 0.019, SQL: 9