react前端环境搭建

1、下载VScode  下载地址:https://code.visualstudio.com/  下载对应系统的 如Windows就下载Windows的 64位就下载64位的

2、安装nodeJs   下载地址:http://nodejs.cn/download/  　  下载对应系统的 如Windows就下载Windows的 64位就下载64位的

3、查看nodeJs是否安装成功 win+r 输入cmd 打开命令行窗口 输入 node -v 如果不报错显示版本号就说明安装成功了

4、npm 在安装nodeJs的时候就自动给安装成功 检查是否安装成功 win+r 输入cmd 打开命令行窗口 输入 npm -v 不报错显示版本号就说明安装成功了

 

 5、然后百度打开react官网 https://create-react-app.bootcss.com

如需创建名为 my-app 的项目，请运行如下命令： npx create-react-app my-app

6、打开vs code 新建一个终端 输入刚才复制的命令 npx create-react-app my-app

 

 我是把项目文件路径放到了 桌面 如果需要你可以按照你自己的需求放到对应的盘符

命令执行完成 你就会发现电脑桌面多了一个 my-app文件夹这个就是刚才创建的项目文件夹 使用vscode打开文件夹

7、新建一个终端输入  npm run start 

 

 执行成功以后 项目就跑起来了 

 

 默认端口是3000