react (一)

一、node环境

最近一年都是vue开发的,所以本身就有node环境。直接去node官网下载.exe文件,安装就ok了。并且正常情况下,安装好了就会自动配置好环境变量,不需要自己手动添加

node -v // 打开cmd命令窗口,输入该命令,如果有版本号,就说明安装成功了,一般node安装好了之后,就会有npm了

npm get registry // 查看当前的镜像
npm config set registry http://registry.npm.taobao.org/ // 设置成淘宝的镜像
npm config set registry https://registry.npmjs.org/ // 再切换回去


二、开始搭架子啦啦啦啦

全局安装react脚手架

npm install -g create-react-app // 全局安装create-react-app脚手架工具
create-react-app 项目的名称

等命令执行完了之后进入项目目录

-node_modules用于存放项目的依赖包,也就是构建这个React项目可能会用到的工具,
-public 文件夹是index.html的存放目录,也就是项目根页面所在
-src 用来存放 .js 文件,项目开发主要地方
-package.json 记录项目所需的依赖,已经项目信息

安装dom和router依赖包

npm init // 初始化,然后一直回车就行
npm install –save react react-dom // 在该目录下导入react和react-dom
npm install –save react-router-dom // react中的路由


三、跑项目啦啦啦

npm start 运行,浏览器会自动弹出打开项目的

猜你喜欢

转载自blog.csdn.net/weixin_38706214/article/details/81360301