react开发环境搭建

安装

• npm install -g create-react-app

• create-react-app project_name 创建工程,出现如下所示

  

• cd project_name && npm start
  如访问localhost:3000出现如下界面则启动安装成功

webstorm初始设置

• 默认webstorm是不能够识别react代码的，所以要进行一些设置

  

  • 然后进入preferences， 在 Languages & Frameworks > JavaScript 条目下开启JSX语法支持

  

  • 展开 JavaScript > Libraries ，勾选 ES6 语法支持

  

• 使用ESlint来检查基本的语法错误，请继续展开 “JavaScript > Libraries > Code Quality Tools > ESLint” 菜单启用 ESLint。 ESLint 规则以 airbnb 为基础
  

如遇到ajax请求，报错 $ is not defined

则:

npm i jquery --saveor if you use bowerbower i jquery --savethenimport $ from 'jquery';