【web】项目初始化

目录

1、nodejs官网下载... 2

2、环境变量... 2

3、检查nodejs. 2

4、下载yarn. 3

5、下载HBuilderX.. 3

6、安装内置命令... 4

7、打开内置命令... 6

8、下载依赖... 6

9、检查依赖... 6

10、下载antd. 7

1、nodejs官网下载

下载18.16.0，下载的路径中不能有空格d:\abc d\node，“abc d”这个就是有空格

2、环境变量

打开环境变量查看path，看看里面有没有刚刚下的node，没有自己加一个

3、检查nodejs

在下载的位置打开cmd，执行代码：node -v，检查安装成功了吗

执行：npm -v，检查（下的node不一样npm也不一样）

4、下载yarn

执行： npm install -g yarn下载yarn，然后执行：yarn -v 检查下载情况

5、下载HBuilderX

官网下载安装开发工具HBuilderX

6、安装内置命令

选中间那个安装内置命令

7、打开内置命令

自己建个文件夹写代码，把HBuilderX关了重新打开，然后打开自己建的目录，点击刚刚中间那个来执行命令行，跟cmd一样的

8、下载依赖

执行代码：yarn -v ，先检查yarn有没有问题，

然后执行：yarn create react-app antd-demo（这个文件名都可以，但是不用中文）

下载出错了，就换了个淘宝镜像做资源地址，如果也报错了，就可以执行下面代码在执行上面的命令：

yarn config set registry https://registry.npm.taobao.org/

yarn config get registry

9、检查依赖

执行完后在进入依赖文件检查

cd .\antd-demo\ ，进入文件所在执行

yarn start ，检查运行情况

没有运行好报错了，如果报错就把文件夹（假设是这里的web文件夹）全删了重新执行一边安装

10、下载antd

执行:yarn add antd下载antd组件