从零开始搭建React开发环境

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

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

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

node百度云下载链接(版本号:node-v6.9.1-win-x64):

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

第二步:当然有了这个东东后,我们需要装一个叫做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

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

命令: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包赠送百度云地址:

第七步:配置nginx和host(这一步暂时省略)

时间: 2024-10-12 03:57:56

从零开始搭建React开发环境的相关文章

Webpack笔记(二)——搭建React开发环境

前几天一直在学习webpack,总算比之前学习的时候有了点收获,所以在昨天发布了一篇webpack入门笔记,今天继续使用webpack练了练手,搭建了一个React开发环境,如果还不熟悉的童鞋可以看一下昨天发布的笔记:入门webpack笔记 一.初始化项目文件夹 在任意目录下,新建一个文件夹作为你的项目文件夹,命名随意.随后使用命令行工具,切换到该文件夹,键入npm init进行初始化(遇到的问题一直回车就好了),初始化完成之后可以看到生成了一个package.json文件. 随后在该项目文件夹

使用Webpack搭建React开发环境

1. 安装Node.js Webpack实际是用Node.js写的,所以要先安装Node.js环境.而且Node.js中集成了NPM包管理,我们在后面用到的很多模块都需要使用NPM下载. 首先进入Node.js的官网,选择对应系统下载安装包,对于 windows 用户,直接下载安装包安装即可,如果是 Macos 用户,推荐使用 brew 进行安装.Node.js有很多版本,包括稳定版和开发版,不同的项目需要的Node.js版本不同,推荐大家安装 8.x 以上的版本. 2. 安装Webpack 在

从零开始搭建Java开发环境第一篇:Java工程师必备软件大合集

1.JDK https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 目前主流的JDK版本还是JAVA8,我在阿里用的也是Java8. JDK里已经包含了JRE也就是Java虚拟机和运行环境,无需另外下载安装. 2.MySQL 和 Navicat for MySQL 数据库一般还是用免费的MySQL,这里推荐8.0以上的版本,具体怎么安装可以看这篇文章:https://mp.csdn.

从零开始搭建Java开发环境第三篇:最新版IDEA常用配置指南,打造你的最酷IDE

刚刚使用IntelliJ IDEA 编辑器的时候,会有很多设置,会方便以后的开发,工欲善其事必先利其器. 比如:设置文件字体大小,代码自动完成提示,版本管理,本地代码历史,自动导入包,修改注释,修改tab的显示的数量和行数,打开项目方式,等等一大堆东西. 总结一下,免得下次换了系统,还得再找一遍配置. 设置外观和字体大小 1.IDEA默认配置 版本号:2019.02 默认设置(Other Settings) IDEA不像Eclipse那样可以在一个窗口中打开多个项目,IDEA每次打开一个新的项目

从零开始搭建Java开发环境第二篇:如何在windows10里安装MySQL

1 下载安装包 1.1 压缩包 https://dev.mysql.com/downloads/mysql/ [外链图片转存失败(img-oesO8K09-1566652568838)(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw== "点击并拖拽以移动")] 1.2 安装包 使用安装包安装则无需后续步骤 https://dev.mysql.com/downloads/f

从零开始搭建Java开发环境第四篇:精选IDEA中十大提高开发效率的插件!

Lombok 知名的插件,无需再写那么多冗余的get/set代码 JRebel 热部署插件 alibaba java coding guide 阿里巴巴代码规范插件,自动检查代码规范问题 [在这里插入图片描述](https://img-blog.csdnimg.cn/20190824230254875.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4u

搭建 webpack、react 开发环境(一)

基本介绍 Webpack 是一个前端资源加载/打包工具.它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源,它可以将多种静态资源 JavaScript.css.less 等转换成一个静态文件,减少了页面的请求. React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,它是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图).由于拥有较高的性能,代码逻辑非常简单,所以

Eclipse+ADT+Android SDK 搭建安卓开发环境

要求 必备知识 windows 7 基本操作. 运行环境 windows 7 下载地址 环境下载 最近开接触Android(安卓)嵌入式开发,首要问题是搭建Andoid开发环境,由于本人用的是windows7的笔记本,也就只能到Windows中搭建Android 开发环境了! 就搭建环境都花了比较长的时间, 在各种版本之间折腾了比较久的时间, 装好后SDK包更新又是一个比较大的麻烦(天朝的网络大家懂的--).下面把我的安装过程和经验分享个大家!! 安装JDK 这里可以参考我之前写的一篇关于安装J

ActiveReports 9实战教程(1): 手把手搭建好开发环境Visual Studio 2013 社区版

ActiveReports9刚刚公布3天.微软就公布了 Visual Studio Community 2013 开发环境. Visual Studio Community 2013 提供完整功能的 IDE ,可开发 Windows.Android 和 iOS 应用.支持:C++, Python, HTML5, JavaScript, 和 C#,VB, F# 语言的开发.提供设计器.编辑器.调试器和诊断工具. 最牛逼的在于你全然能够免费使用该工具: 能够正大光明的免费使用visual studi