React脚手架

React 脚手架

(node版本>8.0)

安装

  • 第一步,全局安装:npm i -g create-react-app
  • 第二步,切换到想创项目的目录,使用命令:create-react-app hello-react不能使用小驼峰
  • 第三步,进入项目文件夹:cd hello-react
  • 第四步,启动项目:npm start


vscode 配置

提供 react 的插件以及快捷键

安装后

rcc   –react 类式组件模板

rfc    –react 函数式组件模板

问题

启动出现问题

根路径下   添加 .env 文件   其中写入:

SKIP_PREFLIGHT_CHECK=true

路径问题   重启多可解决

暴露 webpack 配置

react 的 webpack 配置被隐藏了

但可以使用 npm/yarn eject 暴露配置 <不推荐>


引入 sass

npm i node-sass@4.14.1   –指定版本号安装


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!