VSCode 创建react项目 新手推荐~~

一、安装Node.js

官网地址: https://nodejs.org/zh-cn/download/ 我使用的是稳定版

安装好之后 控制台输入 node -v 检查node版本 npm -v 检查npm版本
在这里插入图片描述

二、切换淘宝镜像

目前的 node 中都会自带 npm 所以不需要重新下载 直接切换至淘宝镜像即可

临时使用 :npm --registry https://registry.npm.taobao.org install express

持久使用:npm config set registry https://registry.npm.taobao.org

检查是否成功 npm config get registry 或npm info express
在这里插入图片描述

三、开发工具

我使用的是VSCode 官网地址:https://code.visualstudio.com/ 直接下载安装就可以了

 安装插件 (推荐一小点儿,有需要可以应用商店中添加)
           eslint 可用于检查语法错误规范代码
           chinese 汉化 汉化后需要重启VSCode

四、创建react脚手架

创建脚手架 npm install -g create-react-app react 脚手架

控制台和VSCode终端都可以安装

五、创建项目

create-react-app my-app 创建项目名时不要用大写如果要区分的话使用 ‘-’ 连接
在这里插入图片描述

六、启动

输入 npm start 就可以启动啦
在这里插入图片描述

到这里使用VSCode新建一个react 项目就结束了
我们可以开始下一步编写程序啦~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值