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
原文:https://www.cnblogs.com/sundaysme/p/13171033.html