从零开始搭建React开发环境

Posted 2020-09-03 云の旋律

从零开始搭建React开发环境

最近刚好又装了一个笔记本的开发环境，主要是前端开发环境这块！

要说有什么高深的知识也谈不上，不过有些小东西倒还是值得拿出来分享给大家的！当然一般会有人协助安装开发环境，不过还是建议自己能搞定的自己动手！

 

第一步：一切的起源得从node开始

node百度云下载链接（版本号：node-v6.9.1-win-x64）：链接: https://pan.baidu.com/s/1geLWlvP 密码: wwem

　　　　　　链接: https://pan.baidu.com/s/11omTCZnx_PloyR7P4XTueQ 密码: 9tkm

解压后放到一个磁盘目录，然后需要配置环境变量，这样才能生效。

第二步：当然有了这个东东后，我们需要装一个叫做cnpm的东西：

淘宝镜像说明地址：http://npm.taobao.org/

安装操作命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步：安装git（这一步和第六步的2小点相同的）

详细安装操作请移步：http://www.cnblogs.com/zxyun/p/4744744.html

软件下载链接：https://pc.qq.com/search.html#!keyword=git

第四步：克隆远程项目到本地

命令：git clone \'你的项目地址或者是github上的地址\'

安装项目依赖：在项目根路径执行命令：cnpm  install 

第五步：安装前端开发工具——webStorm

这个工具非常强大，其他的优点不做累述，如果实在找不到资源可以加右侧的qq群

第六步:配置webStorm的编译插件和一些其他的代码风格，常用快捷键设置之类等等

详细说明请移步：

1.配置编译插件：http://www.cnblogs.com/zxyun/p/6140711.html

2.配置git：http://www.cnblogs.com/zxyun/p/4744744.html

3.一些自己总结的小技巧：http://www.cnblogs.com/zxyun/category/725668.html

风格jar包赠送百度云地址：链接: https://pan.baidu.com/s/1i4FM2wd 密码: tbbf

第七步：配置nginx和host（这一步暂时省略）