前端开发环境搭建

本文的思维导图如下:

前端开发环境搭建

本文主要讲解前端开发环境的搭建过程,包括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吧