暑期实习使用react开发记录了遇到的问题,整理一下笔记
01 umi创建一个react的antd模版 https://www.bilibili.com/video/BV1cp4y1v7wm/
1.安装vscode https://code.visualstudio.com/Download
其他编辑器也可以,vscode使用JavaScript和TypeScript舒服插件也多
2.安装node.js https://nodejs.org/
下载好之后一直点击下一步,安装完成!!!
cmd打开命令提示符:
检测版本 输入:node -v
安装node时会自带一个npm的包管理工具。
检测npm版本 输入:npm -v
如若以上两个命令输入都返回版本号,则安装成功!
查看node.js环境变量:
在安装成功后,系统会自己设置node.js的环境变量,
我们可以键入path来查看环境变量: path
可以看到已经有了node.js环境变量(我安装的时候选择的安装路径是E:\盘,注意:这只是Node软件安装路径而已,并不是项目路径!)
同时为了保证速度,需要使用淘宝镜像,命令如下:
npm config set registry "http://registry.npm.taobao.org"
3.安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org
输入cnpm -v如果没有,添加系统变量path的内容
因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
然后建一个空文件夹来存放项目
4.安装umi
cnpm create umi
create umi [appName]
simple 是简单版更轻量一些 另一个选项是完整版
安装完成后vscode 打开文件夹
5.cnpm i
6.启动 cnpm start 或者 cnpm run start:no-ui