react npm初始化的使用

nmp网址 https://www.nmpjs.com/package/react

npm install react

查看是否安装成功 npm -v

react -v

配置npm淘宝镜像 淘宝镜像地址https://nmp.taobao.org

1.安装淘宝镜像 sudo npm install -g cnpm —rigistry=https://registry.npm.taobao.org

查看是否安装成功 cnpm -v

2.配置淘宝镜像

windows: Nodes安装目录下node_modules\npm\npmrc

mac: cd ~

atom .npmc

输入rigistry=https://registry.npm.taobao.org

React调试环境配置

1.进入react官网。2.本地新建一个文件夹，命令行进入文件夹 3 npm init. 按照指示只输入括号中的提示，如果不需要可以按enter键跳过（输入name，entry point: index.js）

5.安装必要的组件，按照react官网输入命令

sudo npm install —save react react-dom babelify babel-preset-react

6安装es2015

sudo npm install babel -preset-es2015 —save

7使用wepack打包运行

在项目中新建webpack.config.js

var webpack = require(‘webpack’);

var path = require(‘path’);

module.exports = {

context:__dirname + ‘/src’,

entry:’.js/index.js’,

module:

}

React相关插件

atom

atom-ternjs

格式化- atom-beautify 

直接打开浏览器 open-in-browser

快速html代码 emmet

文件图标file-icons

高亮当前行 highlight-line

高亮所有选择highlight-selected