八步亲手用npm开发React

亲手用npm开发React

来自https://vicyu.com

---

一个简单的部署开发过程, 需要已经了解npm, react和有一定terminal知识, 通过此文可以简单了解到现代前端的开发过程, 亲手配置一个开发过程, 体会是难以言表的.

---

第零步 配置Node

第一步 初始化开发目录

创建一个根目录, 名为: ReactNpm, 并用npm init初始化, 根据你的需求改变默认配置

$ mkdir ReactNpm
$ cd ReactNpm
$ npm init

package name: (reactnpm) 
version: (1.0.0) 
description: 
entry point: (index.js) main.js
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /home/vic/Documents/react/ReactNpm/package.json:

{
  "name": "reactnpm",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this ok? (yes) 

第二步 安装开发所需依赖

运行所需依赖React

npm install --save react
npm install --save react-dom

开发所需依赖Webpack

npm install --save-dev webpack
npm install --save-dev webpack-dev-server

开发所需依赖babel

npm install --save-dev babel-core
npm install --save-dev babel-loader
npm install --save-dev babel-preset