首页 > 专栏 > 前端 > 文章详情
React 实战项目 - 1、项目环境搭建 发布于:2021-03-09 08:11:49   原创发表   查看:12  讨论:0
一、在本地的项目中心处打开cmd。4oG易塔云建站-模板下载,web开发资源,技术博客
二、使用VSCode打开终端,键入新创建一个React的app:npx create-react-app my-app-yiju
4oG易塔云建站-模板下载,web开发资源,技术博客
4oG易塔云建站-模板下载,web开发资源,技术博客
三、安装npm依赖包:npm install(这样可以使用npm的脚手架等)4oG易塔云建站-模板下载,web开发资源,技术博客
4oG易塔云建站-模板下载,web开发资源,技术博客
四、因为项目的css使用的less格式,所以安装less插件:npm install --save-dev less less-loader4oG易塔云建站-模板下载,web开发资源,技术博客
4oG易塔云建站-模板下载,web开发资源,技术博客
五、打开配置文件,拉取配置文件:npm run eject4oG易塔云建站-模板下载,web开发资源,技术博客
4oG易塔云建站-模板下载,web开发资源,技术博客
报错情况一:4oG易塔云建站-模板下载,web开发资源,技术博客
上面是报错 -4058 ,找不到D\react\yiju\package.json这个配置文件,那么,需要 $ npm init,初始化一下,一路OK下去。4oG易塔云建站-模板下载,web开发资源,技术博客
但是发现目录结构错误,经排查,有一步骤缺失,应该在init之前cd到项目目录下:$ cd my-app-yiju。4oG易塔云建站-模板下载,web开发资源,技术博客
报错情况二:执行命令:$ npm run eject时,提示是y/n?我开始点的是回车。。。结果默认是N,应该点y键。最后出来了。4oG易塔云建站-模板下载,web开发资源,技术博客
总结:eject命令是为了让某些文件夹暴露,具体内部是如何生产暴露的,还不得而知。文件夹是config和scripts。4oG易塔云建站-模板下载,web开发资源,技术博客
4oG易塔云建站-模板下载,web开发资源,技术博客
六、最后运行该项目:$ npm satart4oG易塔云建站-模板下载,web开发资源,技术博客

评论

  • 匿名