zoukankan      html  css  js  c++  java
  • npm

    npm的包的理念是,只做一件事,并且做好

    你可以利用别人的专业知识和专长在你自己的项目中。

    npm install package -g 参数-g表示全局安装,这时可以直接在命令行中使用包

    安装包时不使用-g参数,则默认非全局安装

    如果一个安装包没有在package.json中指明版本,则默认安装最新的版本

    版本号的三个部分1.0.0

    如果是patch, bug fix, 则increment 最后一位

    如果是new features, 并且不影响已有的features,则increment中间一位

    如果是大版本,break the backwards compatibility 则increment第一位,e.g. 2.0.0

    package json中的版本 "chai": "^3.5.0", ^表示只要主版本号不变,其他的feature, patch版本都可以向上增加

    "chai": "~3.5.0", 表示只接受patch版本号的变更

    npm init可以在一个空文件夹下帮你建立package.json文件

    npm init --yes可以让你只初始化一个author.name就可以了,其他都是默认,package name也是和author.name相同,如果你这是一个git repository那么package.name将是repository name

    bashrc rc = run command 这个缩写也真是无语了

    一下命令是安装单个依赖,并确定是保存为dependencies 还是devDependencies

    To add an entry to your package.json's dependencies:

    npm install <package_name> --save

    To add an entry to your package.json's devDependencies:

    npm install <package_name> --save-dev
    使用npm update更新你的依赖
    使用npm publish可以将你的npm module发布到npm之上,之后你就可以使用npm install来引用你的包了, 非常方便,别忘了npm init添加package.json之后才可以正常使用包哦
    npm run这个命令有点特别,这是我在npm run babel-node时候遇到的,npm  会把一些cli 命令放到 .node_modules/.bin文件夹中,因为没有经过npm install -g安装,所以,但是你也不能直接使用./bin下面的命令,而是需要通过package.json来使用,由此可见package.json有点类似于控制中心,他来确定npm 怎样来运行一些脚本
    var webpack = require('webpack')
    var WebpackDevServer = require('webpack-dev-server')
    var getConfig = require('../webpack.config')
    
    const webpackDevHost = 'localhost'
    
    export default {
      listen: (serverPort) => {
        const webpackDevPort = serverPort + 1
        const config = getConfig(webpackDevPort);
    
        const webpackDevServer = new WebpackDevServer(
          webpack(config),
          {
            publicPath: config.output.publicPath,
            hot: true,
            historyApiFallback: true
          }
        )
    
        webpackDevServer.listen(
          webpackDevPort,
          webpackDevHost,
          function (err, result) {
            if (err) {
            console.log(err)
            }
    
            console.log('Listening at ' + webpackDevHost + ':' + webpackDevPort)
          }
        )
      }
    }

    本来以为webpack接受函数作为config实际上上面代码中config已经是一个对象了,已经通过getConfig获取了实际的配置对象了

    相信世界是平的
    谨记四个字“修身养性”
    大江东去浪淘尽英雄,再牛B的人物最后也是一掊土
    向善不是目的,而是抚慰心灵,更多的感受幸福,感谢别人给你行善的机会
    相信老子的话:万物生于有,有生于无,一切的道理都源于一个无法证明的假设
    我是好是坏就自然而然的摆在那里,并不会因为别人的评价而改变什么,我也不需要别人用一张纸来说明我什么,世间最难得的是自由



    支持大额赞助:
  • 相关阅读:
    Java:volatile 关键字的一点理解
    Java:准备学习的高级主题
    ASP.NET MVC:看 MVC 源码,学习:如何将 Area 中的 Controller 放到独立的程序集?
    Tomcat:基础安装和使用教程
    Javascript:看 Javascript 规范,学 this 引用,你会懂的。
    T4:T4 笔记 + Trait 示例
    Java:Java快速入门
    .NET:C#的匿名委托 和 Java的匿名局部内部类
    FAQ:如何修改领域模型?
    设计原则:对象之间的关系
  • 原文地址:https://www.cnblogs.com/sky-view/p/5820688.html
Copyright © 2011-2022 走看看