admin管理员组

文章数量:1026722

开发环境

  • NodeJs
  • React
    1、下载node.js并安装，以下是node.js的官网
http://nodejs/download/


2、下载完成后进行安装，用node -v检查是否安装成功，这里安装的版本是当前最新的稳定版本V16.13.1

node -v

`效果如图：

3、安装脚手架create-react-app

npm install create-react-app -g

`效果如图：

4、创建我的第一个app

create-react-app myproject

效果如图：

5、等到创建完毕，进入目录，启动项目

 cd myproject

  npm start

效果图：

6.启动成功以后在浏览器中打开：http://localhost:3000/。即可看到前端页面了。


以上效果图片，说明安装成功。

7.到此其实react已经安装完成，接下来可以安装现成的样式，来使自己的项目更漂亮一些。可以安装bootstrap组建。

npm install bootstrap --save

注意，此命令需要在项目文件夹下执行。
8.在index.js中引入bootstrap

import "bootstrap/dist/css/bootstrap.min.css";

开发环境

  • NodeJs
  • React
    1、下载node.js并安装，以下是node.js的官网
http://nodejs/download/


2、下载完成后进行安装，用node -v检查是否安装成功，这里安装的版本是当前最新的稳定版本V16.13.1

node -v

`效果如图：

3、安装脚手架create-react-app

npm install create-react-app -g

`效果如图：

4、创建我的第一个app

create-react-app myproject

效果如图：

5、等到创建完毕，进入目录，启动项目

 cd myproject

  npm start

效果图：

6.启动成功以后在浏览器中打开：http://localhost:3000/。即可看到前端页面了。


以上效果图片，说明安装成功。

7.到此其实react已经安装完成，接下来可以安装现成的样式，来使自己的项目更漂亮一些。可以安装bootstrap组建。

npm install bootstrap --save

注意，此命令需要在项目文件夹下执行。
8.在index.js中引入bootstrap

import "bootstrap/dist/css/bootstrap.min.css";

本文标签： 环境ReactWindows

版权声明：本文标题：react在windows环境下的安装 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1737772336a1501762.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。