1.项目搭建

先准备node.js ,可用下面命令检查是否OK

npm -v

若出现版本号说明OK。

正式开始项目搭建

sudo npm install -g create-react-app /*搭建一个全局的脚手架*/create-react-app my-demo /*创建项目 my-demo是项目名字*/cd my-demo /*进入目录 然后启动*/npm start

2.报错及解决

a. 执行 create-react-app my-demo出现以下错误

解决：代理置为空、清理缓存、安装依赖

npm config set proxy null
npm cache clean --force
npm config set registry https://registry.npm.taobao.org

b. 若出现一下错误，则说明权限不够

解决：执行对应命令前加上 sudo

mac新建react脚手架相关推荐

react打包后图片丢失_React系列四 - React脚手架
一. 认识脚手架 1.1. 前端工程的复杂化如果我们只是开发几个小的demo程序,那么永远不需要考虑一些复杂的问题: 比如目录结构如何组织划分: 比如如何管理文件之间的相互依赖: 比如如何管理第三方 ...
React脚手架学习笔记
一.前端工程的复杂化如果我们只是开发几个小的demo程序,那么永远不需要考虑一些复杂的问题: 比如目录结构如何组织划分: 比如如何管理文件之间的相互依赖: 比如如何管理第三方模块的依赖: 比如项目发 ...
【webpack系列】从零搭建 webpack4+react 脚手架（四）
经过三个章节的学习,你已经学会搭建了一个基于webpack4的react脚手架.如果要更改配置,比如,你希望把编译后的js文件和css文件等单独放dist下的static目录下,你想想,是不是有点麻烦 ...
React 全家桶（react脚手架 redux react-redux react-router-dom ui库 reactHook）含自定义hook的方法及使用
文章目录 React 入门 React 简介 React 为何物为何学习 React React 初体验来一发 Hello React 创建虚拟 DOM 的两种方式:JS 和 JSX 虚拟 DOM ...
React学习笔记3：React脚手架
使用create-react-app创建react应用 react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查.jsx编译.devServe ...
React脚手架搭建及目录结构介绍
react脚手架(create-react-app)搭建 npm install -g create-react-app create-react-app todolist (文件夹名) npm st ...
基于React脚手架集成Cesium
基于React脚手架集成Cesium 文章目录基于React脚手架集成Cesium 1. 安装环境 2. 创建项目 3. 引入Cesium 4. 修改文件 5. 参考链接 1. 安装环境安装Nod ...
react 引用本地js_从零配置webpack 4+react脚手架（二）
前言: 你可能也注意到了,html文件中的关于js的引用是我们手动写的,那假如我们改了输出路径或打包编译之后的文件名,那我们岂不是还要手动去修改html文件中的引用?我们怎么做到,像create-re ...
react 文件 md5_从零配置webpack 4+react脚手架（二）
前言: 你可能也注意到了,html文件中的关于js的引用是我们手动写的,那假如我们改了输出路径或打包编译之后的文件名,那我们岂不是还要手动去修改html文件中的引用?我们怎么做到,像create-re ...

mac新建react脚手架

1.项目搭建

正式开始项目搭建

2.报错及解决

a. 执行 create-react-app my-demo出现以下错误

mac新建react脚手架相关推荐

最新文章

热门文章