前端开发环境搭建

来源:互联网 发布:知呱呱 靠不靠谱 编辑:程序博客网 时间:2024/05/04 19:08

本文的思维导图如下:


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




原创粉丝点击