从零开始搭建react开发环境

关键词：

从零开始搭建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（这一步暂时省略）

 

从零开始搭建一个react项目(代码片段)

 如果只是想试试React，那么建议使用create-react-app来创建一个react项目。快速开始因为create-react-app和vue-cli不一样，create-react-app将webpack的相关配置直接封装好了，所以自定制化程度不高，所以考虑手动构建一个React项目代码下... 查看详情

从零开始的安卓开发环境搭建与入门(代码片段)

1、官网下载androidstudio2、阅读、勾选同意协议并点击下载3、下载完成后打开4、安装完成，打开后5、创建项目6、创建一个空Activity的项目7、输入项目名和选择语言以及SDK版本8、点击build等待下载完成9、下载时间4分钟到40分... 查看详情

从零开始搭建go语言开发环境(代码片段)

一步一步，从零搭建Go语言开发环境。安装Go语言及搭建Go语言开发环境下载下载地址Go官网下载地址：https://golang.org/dl/Go官方镜像站（推荐）：https://golang.google.cn/dl/版本的选择Windows平台和Mac平台推荐下载可执行文件版，Linux平台... 查看详情

从零开始搭建go语言开发环境(代码片段)

一步一步，从零搭建Go语言开发环境。安装Go语言及搭建Go语言开发环境下载Go官网下载地址：https://golang.org/dl/Go官方镜像站（推荐）：https://golang.google.cn/dl/版本的选择Windows平台和Mac平台推荐下载可执行文件版，Linux平台下载压缩... 查看详情

harmonyos（鸿蒙）devecostudio开发环境搭建（从零开始一起学鸿蒙开发，走在风口上，我们一起做那只会飞的猪猪侠）

目录一、前置准备二、DevEcoStudio软件下载三、安装步骤四、环境变量配置一、前置准备鸿蒙开发官网https://www.harmonyos.com/cn/develop架构等文档概览https://developer.harmonyos.com/cn/documentation开发文档地址https://developer.harmonyos.com/cn/docs/docum... 查看详情

从零开始搭建系统3.4——缓存组件开发

从零开始搭建系统3.4——缓存组件开发 查看详情

从零开始搭建系统3.5——日志组件开发

从零开始搭建系统3.5——日志组件开发 查看详情

从零开始搭建系统3.6——基础配置组件开发

从零开始搭建系统3.6——基础配置组件开发 查看详情

从零开始搭建easydarwin环境——linux系统开发环境golang的搭建(代码片段)

EasyDarwin在语言上服务端使用的是Golang，前端网页是vue。因此我们需要有Golang和node的开发环境。本章我们将说明一下如何在Linux下搭建Golang环境。1.下载执行以下命令：wgethttps://studygolang.com/dl/golang/go1.17.3.linux-amd64.tar.gz可以... 查看详情

[从零开始学习fpga编程-19]：快速入门篇-操作步骤4-1-verilog软件下载与开发环境的搭建-alteraquartusii版本

作者主页(文火冰糖的硅基工坊)：文火冰糖（王文兵）的博客_文火冰糖的硅基工坊_CSDN博客本文网址：https://blog.csdn.net/HiWangWenBing/article/details/125016547目录 前言：第1章QuartusII简介1.1概述 查看详情

从零开始搭建系统3.3——图片服务开发及部署

从零开始搭建系统3.3——图片服务开发及部署 查看详情

从零开始搭建easydarwin环境——windows系统开发环境golang的搭建(代码片段)

EasyDarwin在语言上服务端使用的是Golang，前端网页是Vue，因此我们需要有Golang和node的开发环境。上一篇我们介绍了Linux环境下的搭建，本章我们将说明一下如何在Windows下搭建起Golang环境。一、下载Go包Go的官方网站࿱... 查看详情

从零开始搭建深度学习环境(代码片段)

开始深度学习调参之路不能没有一个趁手的环境安装基础环境我使用的机器环境是：Ubuntu18.04安装显卡驱动1.2.按照cuda所需的版本安装3.sudoubuntu-driversautoinstall安装pipsudoapt-getinstallpython-pip下载anaconda3地址：https://www.anaconda.co... 查看详情

从零开始搭建系统3.2——微服务注册中心开发及部署

从零开始搭建系统3.2——微服务注册中心开发及部署 查看详情

从零开始学习音视频编程技术开发环境搭建（qt4.86手动设置环境，主要就是设置g++和qmake，比较透彻，附下载链接）

1.先下载安装Qt我们使用的版本是4.8。可以自行百度下载也可以从下面的网盘地址下载：Qt库和编译器下载：链接：http://pan.baidu.com/s/1hrUxLIG密码：0181QtCreator下载：链接：http://pan.baidu.com/s/1miPgpfi密码：1hb6 下载后得到这三个文... 查看详情

从零开始学习reactnative开发(代码片段)

从零开始学习ReactNative开发，使用函数式组件的写法。环境搭建首先，你需要在电脑上安装好Node.js和npm。然后，使用npm安装ReactNative的命令行工具：npminstall-greact-native-cli接着，创建一个新的ReactNative项目：r... 查看详情

从零开始学习reactnative开发(代码片段)

从零开始学习ReactNative开发，使用函数式组件的写法。环境搭建首先，你需要在电脑上安装好Node.js和npm。然后，使用npm安装ReactNative的命令行工具：npminstall-greact-native-cli接着，创建一个新的ReactNative项目：r... 查看详情

从零开始写博客系统——环境搭建(代码片段)

环境相关内容关于Python的安装，环境变量等配置这里就不单独出文章了，网上有大量的文章可以参考。我使用的Mac电脑，使用Windows也是同样可以的。只不过某些配置可能略有差异。$python3-VPython3.6.6我的Python版本如上&#... 查看详情