本文的思维导图如下:
本文主要讲解前端开发环境的搭建过程,包括webstorm安装,nodejs安装,创建第一个react项目例子
webstorm安装
到官网http://www.jetbrains.com/webstorm/download/#section=windows下载webstorm,本文下载的版本是2017.1.3
双击安装包按照提示安装即可。
安装完打开webstorm,选择“license server” 输入:http://idea.imsxm.com/完成注册
nodejs安装
到官网http://nodejs.cn/download/下载nodejs,本文下载的版本是node-v6.10.3-x64.msi
双击安装包按照提示安装即可
打开cmd窗口,查看是否安装成功
创建第一个react项目例子
webstorm配置nodejs,如下图
安装create-react-app,如下图
新建react-example工程
选择React app,填写好location,然后点击Create按钮,webstorm会自动创建react app
打开Terminal,执行npm start运行第一个react app吧