创建react项目

简介: 创建react项目

安装流程


【注意】:在Git Bush Here中创建,因为eject只有在线上仓库的时候才可以开启配置环境


1, 创建项目:

- js的 npx create-react-app 项目名称

- ts的 npx create-react-app 项目名称 template --typescript (之后安装路由的配置也不一样)

2,cd 到当前目录

3,git add --all

4, git commit -m ‘提交’

git status 可以查看状态

5, yarn eject 开启配置环境

6, 安装sass

yarn add node-sass-chokidar(正常情况下也可能失败,多安装几次即可)

yarn add npm-run-all

7,修改package.json文件中的 script配置

“scripts”: {
“build-css”: “node-sass-chokidar src/ -o src/”,
“watch-css”: “npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive --use-polling --polling-interval 1000”,
“start-js”: “node scripts/start.js”,
“start”: “npm-run-all -p watch-css start-js”,
“build-js”: “node scripts/build.js”,
“build”: “npm-run-all build-css build-js”,
“test”: “node scripts/test.js --env=jsdom”
},

8,项目安装完毕 yarn start打开项目

相关文章
|
7月前
|
前端开发 JavaScript 测试技术
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
190 0
|
7月前
|
前端开发 API 数据安全/隐私保护
【第45期】一文解决React项目的权限管理
【第45期】一文解决React项目的权限管理
353 0
|
7月前
|
Web App开发 资源调度 JavaScript
竟然可以在一个项目中混用 Vue 和 React?
竟然可以在一个项目中混用 Vue 和 React?
708 0
|
7月前
|
前端开发 API
react如何进行项目配置代理
react如何进行项目配置代理
159 0
|
7月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
105 2
|
7月前
|
存储 JSON 前端开发
react保姆级搭建新项目
此文主要以ts+vite+router6+antd 快速搭建一个react项目,适用于初学者,用于学习交流
111 2
|
7月前
|
移动开发 JavaScript 前端开发
vue/react项目刷新页面出现404的原因以及解决办法
vue/react项目刷新页面出现404的原因以及解决办法
729 0
|
7月前
|
存储 资源调度 前端开发
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
219 1
|
7月前
|
前端开发
React项目首页中用canvas实现星空
React项目首页中用canvas实现星空
109 2
|
7月前
|
安全
自媒体营销软文灵感思路来源——万能公式:6P方法论
自媒体营销软文灵感思路来源——万能公式:6P方法论
自媒体营销软文灵感思路来源——万能公式:6P方法论