• 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

  • 相关阅读:
    C# 按笔画排序
    WEB EXCEL OWC开发(老资料)
    JS操作Cookie
    汉字转拼音缩写取首字母
    javaScript通用数据类型校验
    嵌套Repeater 子层获得父层字段值 经典!!!
    不同于其他的provider: SQL 网络接口, error: 26 定位指定的服务器/实例时出错
    C# UDP 发送 接收
    Js 过滤空格
    高亮文本框
  • 原文地址:https://www.cnblogs.com/binperson/p/5615703.html
Copyright © 2020-2023  润新知