npm相关

作者: 泡芙小姐110 | 来源:发表于2017-08-10 13:42 被阅读20次

    Vue:
    1,使用Vue需要用到脚手架 vue-li,安装的时候用webpack-simple安装脚手架
    2,使用之前需要装有node ,因为需要用到node的npm
    3,安装的时候需要全局安装一个包,然后找个地方安装myapp
    4,替换淘宝镜像 如下:
    5,以后使用cnpm会更快一些。
    6,如果使用router需要装install,路由
    7,如果使用vuex需要装install ,数据状态管理
    8,如果使用babel 需要安装cnpm install babel-preset-stage-2 --save-dev
    还需要在.babelrc加上["stage-2"],如下:

    image.png

    9,如果使用axios需要装cnpm install axios -D
    10,如果使用elmentui需要装install ,同时还需要装一下,且都需要在webpack.config.js里面test里面配置
    "css-loader": "^0.25.0",
    "file-loader": "^0.9.0",
    "style-loader": "^0.18.2",
    11,如果axios解决跨域,jsonp跨域,就可以$ npm install jsonp --save
    https://github.com/axios/axios/blob/master/COOKBOOK.md#jsonp

    react:
    1,使用react需要用到脚手架 create react -app
    2,使用之前需要装有node ,因为需要用到node的npm
    3,安装的时候需要全局安装一个包,然后找个地方安装myapp
    4,替换淘宝镜像 如下:
    5,以后使用cnpm会更快一些。
    6,如果使用router需要装install react-router
    7,如果需要PropTypes 也需要intall,npm install --save prop-types //import PropTypes from 'prop-types'
    8,如果使用redux也需要install

    改变镜像:永久:
    1,npm config get registry //查看当前是什么镜像
    2,npm config set registry https://registry.npm.taobao.org //换成淘宝的镜像
    3,npm install -g cnpm --registry=https://registry.npm.taobao.org //下载cnpm
    4,cnpm -v //查看cnpm安装成功与否,以后级可以用了。

    相关文章

      网友评论

          本文标题:npm相关

          本文链接:https://www.haomeiwen.com/subject/xfdhrxtx.html