React项目搭建命令

Mac环境下:

一、官方搭建:

sudo npm install -g create-react-app
create-react-app my-app 目录名不要使用大写，这样作只要是为了严谨性，因为在Linux下是严格区分大小写的。
cd my-app
npm start
安装yarn
npm install -g yarn
yarn add react-router-dom axios less-loader
yarn eject 暴露config文件夹
yarn add antd
yarn add babel-plugin-import

-------------------------------------------------------------------------------------------

二. generator-react-webpack:

generator-react-webpack更容易配置webpack，让你适应你的实际项目，并且有很强的扩展功能。一般我们团队都会使用这个脚手架来生产react的目录结构，但也有缺点，就是要依靠yeoman来生成.

generator-react-webpack:

npm install -g yo
npm install -g generator-react-webpack
yo react-webpack 用生成器生成我们的项目目录
..............................最后生成项目, 启动 npm start

---------------------------------------------------------------------------------------------
三、webpack:

localhost:React fanguangjian$ mkdir react-webpack
localhost:React fanguangjian$ cd react-webpack
localhost:react-webpack fanguangjian$ npm init -y
cnpm install --save-dev webpack

React项目搭建命令相关推荐

react项目搭建（基础学习笔记）
react项目搭建(基础学习) 安装局部安装 1.npm init -y或yarn init -y初始化项目 2.全局安装creact-react-app.使用npm install -D crea ...
react项目搭建，步骤最全，附源码git地址(react+router+typescript+redux+axios+antdesign+mock+eslint)
企业级react项目搭建流程,基于官网推荐脚手架create-react-app搭建的项目基本框架,在该基础上增加项目所需要的功能插件等.代码git地址base分支:https://github.co ...
React项目搭建与Echars工具使用
React项目搭建与Echars工具使用一.React项目快速搭建 1.新建文件夹 2.直接在对应目录输入 cmd ,打开终端 3.执行指令完成React应用建立二.React项目结构和分析 1. ...
React 项目搭建与部署，搭建Node服务器
环境配置与项目搭建安装node,官网直接下载安装webpack : npm install -g webpack 安装淘宝镜像(可选): npm install -g cnpm --regist ...
react项目搭建--相对较全面
前言:简单记录一下第一次搭建react项目框架,之前只是在已搭建好的框架内去开发实现项目,没有自己动手搭建过,亲自动手实际操作,还遇到挺多问题的.参考了不少文献,帮助我解决并完成整个项目搭建的文献,都 ...
React项目搭建步骤
项目需要查看电脑是否有yarn,如果没有则配置下面的命令 1).下载安装yarn:npm i yarn -g 2).查看yarn版本:yarn -v 3).配置淘宝镜像: yarn config s ...
搭建react项目搭建ts react项目使用vite搭建react项目
创建react 项目注意: 网上有一些生成react 的方法,但是也有一些是过时的. 使用官方脚手架creact-react-app 全局安装 creact-react-app 这个脚手架这个脚手 ...
react 项目搭建
创建一个React项目默认电脑已经安装了npm和nodejs node 版本要至少8.0以上的使用create-react-app脚手架构建react应用程序 create-react-app是 ...
【React】Windows下React项目搭建
一.目的更方便进行前端开发. 二.具体步骤 1.下载node.js 网址:https://nodejs.org/en/download/ 验证是否安装成功 ---- 命令行输入 npm -v 2.安 ...

React项目搭建命令

React项目搭建命令相关推荐

最新文章

热门文章