zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    VS2010/MFC编程入门之三(VS2010应用程序工程中文件的组成结构)
    VS2010/MFC编程入门之二(利用MFC向导生成单文档应用程序框架)
    VS2010/MFC编程入门之一(VS2010与MSDN安装过程图解)
    Getmemory问题
    计算后缀表达式
    0-1背包问题
    不抛异常的swap函数
    输出n*n矩阵
    字符串全排列输出
    判断主机字节
  • 原文地址:https://www.cnblogs.com/binperson/p/5615703.html
Copyright © 2011-2022 走看看