安装vscode
参考链接:blog.csdn.net/m0_55400356…
安装node
- 下载node地址:nodejs.org/zh-cn/docs/
command + 空格快捷键唤起搜索,输入终端打开- 输入指令
node -v,能显示版本号,说明 node 已经装好了 - 输入指令
npm -v,能显示版本号,说明 npm 可以使用了
安装淘宝镜像
- 终端执行命令行 :
npm install -g cnpm registry=https://registry.npm.taobao.org- 安装失败:
参考解决办法blog.csdn.net/aaaaaaaa_ew…
直接安装无权限需要适应sudo命令安装:
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose1.输入指令cnpm -v,能显示版本号,说明 cnpm 已经装好了
安装脚手架
React团队推荐使用create-react-app(相当于vue的vue-cli)来创建React新的单页应用项目,它提供了一个零配置的现代构建设置。
- 输入命令行
npm install -g create-react-app - 同上会出现安装失败的情况
创建项目
- 创建一个workspace的文件夹用于放进后的代码文件夹
- 在终端打开该文件夹
- 创建项目指令:
create-react-app 项目名称 - 这里需要等待一段时间,安装三个东西:react、react-dom
- 执行一下命令