一.安装Nodejs
1.下载windows平台nodejs环境安装包,nodejs官网,找到DOWNLOADS点击,找到Windows Installer 如果为64位电脑可以选择64位版本,点击下载后安装。
2.开启cmd命令视窗,打上 npm -v 查看npm是否可正常执行,我们使用Nodjs的npm作为包管理器。
3.npm安装package速度较慢慢,改用taobao的npm registry,可下如下指令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.npm 基本指令说明
在package.json所在目录下使用npm install,-g 为安装全域的包、--save是安装为项目依赖包、而--save-dev则是安装成开发用依赖包。
使用npm update 可以把当前目录下node_modules子目录里边的对应模块更新至最新版本,(项目有相容性时,不可轻易使用)。
使用npm cache clear可以清空npm本地缓存。
在package.json所在目录下使用npm install,则会自动安装项目所需的依赖包。
二.安装Python
主要是用于后面方便我们安装Atom的plugin
1.在python官网上下载和自己本机匹配的python版本。
2.设定其环境变量%PYTHON_HOME%和%PATH%,如下图:
三.安装开发工具Atom
Atom 是 GitHub 打造的现代编辑器,速度快,跨平台,支持各种插件以及可以异常方便地自定义扩展。
今天不介绍其他功能,只介绍几个开发React插件组合,绝对让你的工作效率飙升好几倍。
主要安装下列的React Plugin控件:
1.atom-React-autocomplete Plugin 对组件名及状态的自动补全
2.autocomplete-js-import Plugin 对模块导入智能提示
3.emmet-jsx-css-modules Plugin 对React内的Emmet补全,非单纯的expand【class => className 】
4.language-JavaScript-jsx Plugin 对 JavaScript, ES6, ES7, React JSX, Flow语法支持。
5.language-babel Plugin 写React必不可少【atom内开发react的核心插件!!!】
6.react-es6-snippets Plugin 支持es6写法的react snippet,挺实用。
7.react-snippets Plugin 和react-es6-snippets的搭配的更好。
8.js-func-viewer Plugin 可以查看函数的结构。
9.autocomplete-modules Plugin 模块智能提示。
10.minimap Plugin 让你了解当前屏幕所处相对位置。
以上为基本开发React前期应该准备的工具。
相关推荐
开发环境搭建 2017 标准课程第六章 react开发环境搭建添
开发环境搭建 2017 标准课程第六章 react开发环境搭建打包发布
开发环境搭建 2017 标准课程第六章 react开发环境搭建编写template
windows环境下Android的ReactNative开发环境搭建
react 开发环境搭建 新建一个hello-wold程序
前端React 开发React-环境搭建
本人项目使用的react大环境,已经集成好了各种所需的模块,直接下载根目录npm install即可使用,集成了redux,而且各种数据流已经构建完毕!
基于visual studio code + react 开发环境搭建过程 开发环境 windows 开发工具 visual studio code node 安装和 npm windows 安装node 可以直接在 node官网 直接下载直接当作普通软件安装即可。 安装完成可以在...
react webpack gulp开发环境搭建
安装NodeJS 进入Node中文网 ,下载安装nodeJS。 安装完成后,使用Win+R打开运行,...脚手架安装完成后,就可以创建项目了,我们在F盘创建一个ReactDemo文件夹,然后进入这个文件夹创建新的React项目。 C:\Users\Admini
(1)在处搭建react项目的区盘上搭建项目文件夹,文件夹须放在区盘顶层或者路径文件夹不能有大写字母或中文,文件夹名要求英文小写; (2)打开cmd.exe,用命令进入文件夹, ①输入区盘回车,如D盘,输入:d: ②...
这个仓库我将会记录如何从零到一搭建出一个基于react和webpack的项目的开发环境,算是对自己工作以及学习的一种记录,同时也希望可以帮助到一些希望自己搭建项目却不知如何下手的同学。
最近在折腾react开发,总结一个react环境搭建的教程,写得比较细碎,基本上就是自己的搭建步骤了,希望能够帮助到有需要的小伙伴。 常用的脚手架 react-boilerplate react-redux-starter-kit create-react-app...
Electron + React + Node.js + ES6 开发环境全配置好,下载后就可以直接使用,只管写代码,其他都不用管
本篇文章主要介绍了VSCode配置react开发环境的步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
React+Ant Design开发环境搭建的实现步骤 基础知识 1.1 安装脚手架: npm install -g create-react-app 1.2 使用脚手架创建项目: create-react-app antd-start-demo antd-start-demo为项目名。 1.3 启动 ...