React 脚手架创建项目

使用react脚手架创建项目

　　一、首先需要安装node.js

具体如何安装参考网址：https://www.jianshu.com/p/0ddecdbb4048

下载安装包

双击打开安装文件

setup

点击next，下一步

勾选

选中勾选框，点击next，下一步

安装路径

选择安装路径，默认路径即可，点击next，下一步

安装配置

默认即可，点击next，下一步

安装开始

点击install，开始等待安装

安装中

点击finish，安装完成

finish

打开命令提示符窗口，输入 node -v验证安装

查看node安装版本

二、全局安装create-react-app;

　　打开命令框

　　

　　

　　　安装命令 npm install -g create-react-app  +回车

　　　　

　　

　三、创建项目

　　在要创建项目的目录下打开命令行

　　在命令行中使用  create-react-app 项目名 +回车

　　

然后在ToDoList 文件目录下打开命令行  输入npm start +回车   项目就可以运行了

原文地址：https://www.cnblogs.com/xiaobu-wu/p/12256538.html

时间： 2024-08-30 03:34:22

React 脚手架创建项目的相关文章

React Native创建项目等待时间长解决

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Verdana; color: #ff6600; background-color: #ffffff } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Verdana; color: #333333; background-color: #ffffff } span.s1 { } 1. 初始化工程 在终端输入命令 :react-na

angular脚手架创建项目

1.创建项目 ng new projectName 2.下载依赖包 npm i 3.运行 ng serve --open 浏览器自动打开 localhost:4200,运行成功 原文地址:https://www.cnblogs.com/luguankun/p/10950607.html

React脚手架工程化项目里ServiceWorker.js文件作用

该文件主要涉及到离线支持和网络恢复能力 一个好的渐进式 Web 应用,不论网络状况如何都能立即加载,并且在不需要网络请求的情况下也能展示 UI (即离线时). 再次访问 http://Housing.com 渐进式 Web 应用(使用 React 和 Redux 构建)能够立即加载离线缓存的 UI. 我们可以用 Service Worker 实现这一需求.Service Worker 是一个后台 worker,可以看做是可编程的代理,允许开发者控制 request 执行其他操作.使用 Servi

react 新创建项目

1,先创建一个文件夹用于存放项目 2,运行cmd,路径选择到你创建的文件夹内 3,  npm install -g create-react-app         create-react-app my-app         cd my-app/         npm start 原文地址:https://www.cnblogs.com/jimmy1293/p/10822812.html

React 脚手架

React 脚手架,来让我们快速的搭建起来一个 React 的项目 1. 全局安装 React 的脚手架 npm i -g create-react-app 2. 创建项目 create-react-app 项目名 3. 进行项目指令: cd 项目名 4. 运行项目: npm start 这样我们 React 脚手架的项目搭建就完成了 接下来,让我们看看 React 脚手架,给我们下载的目录 现在我们就来看看每个文件的功能: 首先来看 README.md 文件,这里是对我们 React 脚手架的

react 脚手架 及路由和 redux

前提是我们需要下载 nodejs 使用 npm 下载 react 的脚手架,react-router-dom,redux 全局下载 react 的脚手架:npm i create-react-app -g 使用 react 脚手架创建一个 app 的项目:create-react-app app 根据指令进入 app 项目: cd app 下载 react 的路由插件:npm i react-router-dom -S 组件通信的优化: npm i redux -S 以上便是把我们的 react

脚手架创建一个React项目

一.安装 1.安装node.js 官网地址 https://nodejs.org/en/ 进入后点击下载,官方网站会根据你的系统类型推荐最适合你安装的版本.(如果已经安装了node.js跳过此步)如下图 : 点击即可下载. 检测node.js是否安装成功,最直接有效的办法就是在命令提示符中输入 node -v 如下图 如果出现node的版本号则表示安装成功,可以看到我的node版本是10.15.3. 2.全局安装: 安装淘宝镜像 这样做的目的是使用国内的服务器下载速度快一点. npm insta

教程：使用create-react-app脚手架创建React项目

1.React简介 React起源于Facebook的内部项目,因为该公司对市场上所有JavaScript MVC框架都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很好用,于是就在2013年5月开源了. 2.脚手架环境搭建 第一步:安装node.js node.js下载网址: https://nodejs.org/zh-cn/download/ 第二步:安装React脚手架 cnpm install -g create-react-app 更换国内镜像

React 创建项目

一.创建项目 用react 创建一个项目 1.npm install create-react-app -g 2.create-react-app react-demo  (react-demo项目名) 3.cd react-demo 4.npm install 5.npm start     //运行 二.配置路由 1.安装: npm install --save react-router-dom 这样就可以使用react router 了 三.添加less配置 create-react-ap