react基础

查看版本号

npm  -v

更新npm

npm install npm –global

mac sudo npm install npm –global

删除npm uninstall forever –g

显示安装的包

npm list

查看包的信息

npm info forever

要安装什么版本@它

npm install underscore@1.6.0

安装项目开发依赖

npm install babel-cli –save-dev

安装没有安装的依赖

npm list     -------》 npm install

查看信息

npm info gulp

检查更新

npm outdated

“gulp”:”^2.0.0”

只能更新第2位

“gulp”:”~2.0.0”

只能更新第3位

“gulp”:”*”

任意更新版本

npm update执行更新

更换源

npm install nrm –g

nrm ls

nrm test

nrm use taobao

使用babel

babel script.js

babel script.js - -out-file script-compiled.js

babel src - -out-dir lib

babel src - -watch - -out-dir lib   停止ctrl加C

package.json

image

npm run build

npm install babel-preset-es2015 - -save-dev

在项目根目录创建.babelrc

image

然后重新执行

image

就变成了

image

babel-preset-react

npm install babel-preset-react - -save-dev

image

重新执行

image

image

gulp gulp-babel

npm install gulp gulp-babel --save-dev

gulp

image

安装jspm

npm install jspm  -g

放到开发依赖

npm install jspm --save-dev

jspm init

config.js    jspm的配置文件   jspm_packages  jspm安装的包

export default {};

jspm install jquery=github:components/jquery

jspm uninstall jquery

jspm install jquery@xxx.xxx.xxx

jspm bundle app/main app/build.js

jspm bundle app/main app/build.js --inject

npm install webpack --global

npm install webpack --save-dev

创建entry.js index.html

image

image

webpack entry.js bundle.js

npm installn css-loader style-loader --save-dev

image

image

image

调试:sourcemap

webpack --devtool source-map

image

image

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

image

image

image

image

image

webpack

npm install webpack-dev-server  --global

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

webpack-dev-server  --inline --hot

open localhost。。。

react:

image

image

image

image

image

image

image

image

image

原文地址:https://www.cnblogs.com/binperson/p/5615703.html