专栏
资源中心
模板库
首页
>
专栏
>
前端
> 文章详情
React 实战项目 - 1、项目环境搭建
发布于:2021-03-09 08:11:49 原创发表 查看:13 讨论:0
一、在本地的项目中心处打开cmd。
B64易塔云建站-模板下载,web开发资源,技术博客
二、使用VSCode打开终端,键入新创建一个React的app:
npx create-react-app my-app-yiju
B64易塔云建站-模板下载,web开发资源,技术博客
B64易塔云建站-模板下载,web开发资源,技术博客
三、安装npm依赖包:
npm install
(这样可以使用npm的脚手架等)
B64易塔云建站-模板下载,web开发资源,技术博客
B64易塔云建站-模板下载,web开发资源,技术博客
四、因为项目的css使用的less格式,所以安装less插件:
npm install --save-dev less less-loader
B64易塔云建站-模板下载,web开发资源,技术博客
B64易塔云建站-模板下载,web开发资源,技术博客
五、打开配置文件,拉取配置文件:
npm run eject
B64易塔云建站-模板下载,web开发资源,技术博客
B64易塔云建站-模板下载,web开发资源,技术博客
报错情况一:
B64易塔云建站-模板下载,web开发资源,技术博客
上面是报错 -4058 ,找不到D\react\yiju\package.json这个配置文件,那么,需要 $ npm init,初始化一下,一路OK下去。
B64易塔云建站-模板下载,web开发资源,技术博客
但是发现目录结构错误,经排查,有一步骤缺失,应该在init之前cd到项目目录下:$ cd my-app-yiju。
B64易塔云建站-模板下载,web开发资源,技术博客
报错情况二:执行命令:$ npm run eject时,提示是y/n?我开始点的是回车。。。结果默认是N,应该点y键。最后出来了。
B64易塔云建站-模板下载,web开发资源,技术博客
总结:eject命令是为了让某些文件夹暴露,具体内部是如何生产暴露的,还不得而知。文件夹是config和scripts。
B64易塔云建站-模板下载,web开发资源,技术博客
B64易塔云建站-模板下载,web开发资源,技术博客
六、最后运行该项目:
$ npm satart
B64易塔云建站-模板下载,web开发资源,技术博客
写的不错
返回栏目
上一篇:测试投票-开发中完全使用ES6的比例超过90
下一篇:Generator 函数的 this 问题和 new 使用
评论
匿名
最新文章
热门笔记
理解:JS 的事件循环机制 Event Loop,微任务与宏任务
反问:JS 的原型链存在的意义是什么?为什么这样设计?
线性代数基础:求逆矩阵
总结:JS判断数据类型的四种方法
canvas 实例方法: save() 和 restore() 的理解
理解 js 构造函数
理解:js中 构造函数 与 原型的对应关系
正则表达式_概念_简介_起源
js 对于地址栏中的 URI 的解析
原生 js 获取 html 是一个 HTML Collection 集合,使用 let 方法可以获得块级作用域
可以直接扫码关注本站
微信扫码关注公众号
回复指定菜单关键词,即可获取相应功能或领取会员福利哦
微信扫一扫,添加好友
添加指定客服微信
咨询相关建站问题,还可获取领取会员福利哦