首页 > 专栏 > 前端 > 文章详情
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-loaderB64易塔云建站-模板下载,web开发资源,技术博客
B64易塔云建站-模板下载,web开发资源,技术博客
五、打开配置文件,拉取配置文件:npm run ejectB64易塔云建站-模板下载,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 satartB64易塔云建站-模板下载,web开发资源,技术博客

评论

  • 匿名