vscode 创建一个React 的项目

983 阅读1分钟

安装vscode

参考链接:blog.csdn.net/m0_55400356…

安装node

  1. 下载node地址:nodejs.org/zh-cn/docs/
  2. command + 空格快捷键唤起搜索,输入终端打开
  3. 输入指令node -v,能显示版本号,说明 node 已经装好了
  4. 输入指令npm -v,能显示版本号,说明 npm 可以使用了

安装淘宝镜像

  1. 终端执行命令行 :
  2. npm install -g cnpm registry=https://registry.npm.taobao.org
  3. 安装失败: 参考解决办法blog.csdn.net/aaaaaaaa_ew… 截屏2022-12-08 下午9.11.15的副本.png 直接安装无权限需要适应sudo命令安装: sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose 1.输入指令cnpm -v,能显示版本号,说明 cnpm 已经装好了

安装脚手架

React团队推荐使用create-react-app(相当于vue的vue-cli)来创建React新的单页应用项目,它提供了一个零配置的现代构建设置。

  1. 输入命令行npm install -g create-react-app
  2. 同上会出现安装失败的情况 截屏2022-12-08 下午9.19.28.png

创建项目

  1. 创建一个workspace的文件夹用于放进后的代码文件夹
  2. 在终端打开该文件夹
  3. 创建项目指令:create-react-app 项目名称
  4. 这里需要等待一段时间,安装三个东西:react、react-dom 截屏2022-12-08 下午9.28.33.png
  5. 执行一下命令 截屏2022-12-08 下午9.30.11.png