美文网首页React Native开发经验集React Native开发
React实战环境篇(1)搭建开发环境-WebStorm+cre

React实战环境篇(1)搭建开发环境-WebStorm+cre

作者: Arison | 来源:发表于2018-04-18 17:55 被阅读62次

实验效果:

image.png

准备

  • 安装WebStorm17.1(
    激活码:注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址:
    http://idea.iteblog.com/key.php
    然后点击:Activate即可) 注意,老版本的WebStorm 新建 React App 菜单会不一样,请安装比较新的版本。比如现在的17.1版本
  • 安装create-react-app

启用node,确保是Enable


image.png

npm install -g create-react-app

image.png

新建项目

选择React App菜单,选择create-react-app脚手架来创建React项目(创建项目的时候,需要等待几分钟)

image.png image.png

终端命令行 npm start 启动项目

image.png

相关文章

网友评论

    本文标题:React实战环境篇(1)搭建开发环境-WebStorm+cre

    本文链接:https://www.haomeiwen.com/subject/xihbkftx.html