用户中心项目day1

今天主要是看了鱼皮哥的项目的介绍，以及在弄前端框架的初始化，由于这个项目比较久了，Ant Design Pro 这个框架也更新了其他版本因此踩了好多的坑😢在初始化之前我的电脑就已经安装了v20的版本。

1. 第一个问题是我的nodejs环境变量设置的问题，这个卡的时间不算太久，因为其他的鱼友的笔记中就有如何配置环境变量。（这个应该不能算坑吧🤣）
2. 第二个问题我按照官网使用以下的命令时，遇到的问题是我们不能选择 umi 的版本，幸好有万能的鱼友大佬告知了我们解决办法。

▼
js
复制代码
这个是鱼友大佬的解决办法（我把大佬的命令复制了下来）
    npm uninstall -g @ant-design/pro-cli 
    npm install -g @ant-design/pro-cli@3.1.0

▼
js
复制代码
这个是Ant Design Pro官网的快速初始化脚手架的方法
    npm i @ant-design/pro-cli -g 
``

3. 不过很快我就遇到了第三个问题，那就是当我输入pro create myapp这个命令之后提示'pro'不是内部或外部命令，也不是可运行的程序，万能的鱼友大佬又出现了。

▼
js
复制代码
这个是鱼友大佬的解决办法（我把大佬的命令复制了下来）
    npx pro create myapp

4. 到这里也是终于把框架初始化好了还能出什么幺儿子呢!😁WebStorm启动！！很快啊又出现问题了一开始我还去问AI，AI说可能是少了一些东西，我按照它的方法试了一下还是不行就跑去百度，果然一下子就找到了解决办法。我们只要在paacksge.json中的start 命令该写为"start": "SET NODE_OPTIONS=--openssl-legacy-provider && cross-env UMI_ENV=dev umi dev"这样就可以启动了如下图

▼
js
复制代码
修改成这样就可以启动了
"start":"SET NODE_OPTIONS=--openssl-legacy-provider && cross-env UMI_ENV=dev umi dev"