精华内容
下载资源
问答
  • npm使用教程.zip

    2020-12-25 19:57:20
    npm是现在前端开发的必备工具,当然用node.js编写服务器后端代码也需要他. 他的用法并不难,所以今天来个npm使用教程
  • nvm & npm 使用教程

    2019-11-23 14:26:45
    这里推荐使用nvm进行node的版本管理,进行多版本切换比较方便。 What | 是什么 node version manager – node版本管理工具,可以同时切换node的多个版本在本地运行。 How | 如何使用 1.安装nvm 以curl为例,打开终端,...

    nvm

    这里推荐使用nvm进行node的版本管理,进行多版本切换比较方便。

    What | 是什么

    node version manager – node版本管理工具,可以同时切换node的多个版本在本地运行。

    How | 如何使用

    1.安装nvm
    以curl为例,打开终端,复制粘贴如下命令后,按回车键等待安装完成即可。

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.3/install.sh | bash
    

    2.安装node.js
    使用nvm install <version> [<arch>]命令下载需要的版本。arch参数表示系统位数,默认是64位,如果是32位操作系统,需要执行命令:nvm install 10.0.1 32

    $ nvm install 10.0.1
    

    3.使用nvm管理node版本

    使用特定node版本
    执行nvm use <version> [<arch>] 命令开始使用特定版本。比如:nvm use 6.9.0或者nvm use 6.9.0 32

    $ nvm use 6.9.0
    

    切换node使用版本
    刚刚下载了node 6.9.0版本并且成功使用,现在我们下载一个6.10.3版本,然后切换并使用。

    $ nvm use 6.9.0
    $ nvm install 6.10.3
    $ nvm use 6.10.3
    

    参考:
    nvm官网
    nvm的介绍及使用
    Install nvm on Mac OSX

    npm

    What | 是什么

    npm有几重含义,npm是世界最大的软件仓库,仓库地址为:https://www.npmjs.com,同时,npm是node的模块管理器,全称node version manager。

    作为软件仓库,它由三部分构成:

    • 网站:发现包、访问和管理软件包
    • CLI:开发者与npm交互的方式
    • 注册表:JavaScript代码公共数据库和元信息

    How | 如何使用

    下载和安装Node.js和npm

    为了可以发布和安装包,我们需要一个Node版本管理器,官方建议使用Node version manager去安装Node.js和npm。

    使用nvm安装Node.js和npm
    nvm可以在系统安装和切换多个Node.js和npm版本,来确保它们可以在不同的版本中使用。

    前面我们已经介绍过nvm的安装和使用。

    下载最新版本的npm

    $ [sudo] npm install npm -g
    

    检查npm和Node.js的版本

    $ node -v
    $ npm -v
    

    npm CLI 版本
    npm有两个版本:
    稳定版lastest release 和预发布版 next release

    安装Node.js的时候npm会被自动安装,然而npm比Node.js的发布要频繁,安装最新稳定版:

    $ npm install npm@lastest -g
    

    安装预发布版本:

    $ npm install npm@next -g
    

    不一定安装成功,取决于开发周期,所以可能仍然安装的是稳定版。

    使用npm安装模块

    因为有了npm,只需要一条命令,就能安装别人写好的模块。

    $ npm install
    

    安装package.json文件内的依赖模块到node_modules目录。

    如果想要安装某个特定的模块,使用:

    $ npm install <packageName>
    

    安装前,npm install 会检查node_modules目录之中是否已经存在指定模块。如果存在,就不再重新安装了,即使远程仓库有一个新版本,也是如此。

    如果你希望,一个模块不管是否安装过,npm都强制重新安装,可以使用-f--force参数。

    $ npm install <packageName> --force
    

    包和模块介绍

    软件包和他们的元信息存放在npm的注册表里,
    模块是node_modules目录中可以由Node.js require()函数加载的任何文件或目录。

    关于贡献包到注册表的语意版本控制
    语义化版本规格是一套规范,来帮助其他开发者理解你代码的变动程度。

    它以1.0.0作为新版的开始。

    阶段代码状态规则版本样例
    新品第一次发布1.0.0开始1.0.0
    补丁发布向后兼容bug修复增加第三个数字1.0.1
    小版本向后兼容新功能增长中间的数字并重置最后一个数字为01.1.0
    主要发布改变破坏了向后兼容增长第一个数字并且将中间和最后一个数字重置为02.0.0

    你可以使用语义版本去指定你包能接受的更新类型

    你可以从依赖你包的package.json文件里指定你的包的更新类型。

    比如,为了指定可以接受的版本范围上限是1.0.4,使用如下语法:

    • 补丁发布: 1.0 或1.0.x 或 ~1.0.4
    • 小版本:1 或 1.x 或 ^1.0.4
    • 主要发布: * 或 x

    例如:

    "dependencies": {
    	"my_dep": "^1.0.0",
    	"another_dep": "~2.2.0"
    }
    

    对于语意版本语法的更多信息,看npm 语意化版本计算

    从注册表获取包

    包的搜索和下载

    打开npm官网搜索框搜索对应包的名称即可,搜索完对应的包名后,左边有四个筛选条件:

    Popularity:流行度,表示该包多少次被下载,代表多少人受益了。
    Quality:品质,包含了一些注意事项如果存在README文件,如稳定性,测试、最新依赖、自定义网站,代码复杂性
    Maintenance:维护性,从开发人员对包的关注度来排名,例如:经常维护可能会更好。
    Optimal:理想的,可以理解为前三项的综合评估,一般用这个标准就可以,这也是默认排序

    安装一个没有作用域的包

    这类包总是公共的,可以被任何人下载、安装。

    $ npm install <pageage_name>
    

    在当前目录创建node_modules(如果没有)并且下载该包到当前目录。就是在自己的项目里依赖自己的包,这也是npm install的默认行为。

    注意:
    如果没有本地没有package.json文件,会安装最新版本,否则,安装package.json文件中声明的满足语意规则的最新版。

    安装一个作用域公共包
    作用域包的下载需要引用一下作用域的名字

    npm install @scope/package-name
    

    测试包的安装
    在你的安装目录下检查是否有node_modules包存在,这里包含了你安装包的目录

    ls node_moudules
    

    使用dist-tags安装包
    默认是安装包的最新版,可以使用**npm install <package_name>@**覆写这个行为,比如安装example-package被标记为beta的版本。

    npm install example-package@beta
    

    下载安装全局包

    顾名思义,全局包的作用域是整个电脑系统级别的。即可以在各个项目中使用它。

    npm install -g <package_name>
    

    注意
    如果npm的版本大于等于5.2,建议使用npx来安装全局包
    关于npx,看这篇文章npx介绍

    如果全局安装出现了EACCES权限错误,推荐重新安装npm,或手动改变npm的默认目录,具体查看解决全局安装包EACCES权限错误

    下载包的更新

    更新本地安装包

    1. 找到项目根目录确保包含package.json文件:
    $ cd /path/to/project
    
    1. 运行更新命令
    $ npm update
    

    它会先到远程仓库查询最新版本,然后查询本地版本。如果本地版本不存在,或者远程版本较新,就会安装。
    单独更新某一个包,使用:

    $ npm update <packageName>
    
    1. 测试更新,不应该有任何输出
    $ npm outdated
    

    更新全局安装包

    决定哪个全局包需要更新

    $ npm outdated -g --depth=0
    

    更新某一个全局包

    $ npm update -g <package_name>
    

    更新所有全局包

    $ npm update -g
    

    注册表

    npm update命令怎么知道每个模块的最新版本呢?

    答案是npm模块仓库提供了一个查询服务,叫做registry。以npmjs.com为例,它的查询服务地址是https://registry.npmjs.org/

    这个网址后面跟上模块名,就会得到一个JSON对象,里面是该模块的所有版本信息。比如,访问https://registry.npmjs.org/react,就会看到react模块所有版本的信息。

    它跟下面命令的效果是一样的。

    $ npm view react
    
    // npm view 的别名
    $ npm info react
    $ npm show react
    $ npm v react
    

    registry网址的模块名后面,还可以跟上版本号或者标签,用来查询某个具体版本的信息。比如,访问 https://registry.npmjs.org/react/v0.14.6,就可以看到React的0.14.6版。

    返回的JSON对象里面,有一个dist.tarball属性,是该版本的压缩包的网址。

    dist
    .tarball https://registry.npm.taobao.org/element/download/element-0.1.4.tgz
    .shasum: 1642279061328a574a692e0e5184e62c180a6685
    

    到这个网址下载压缩包,在本地解压,就得到了模块的代码。npm installnpm update命令,都是通过这种方式安装模块的。

    包和依赖的卸载

    卸载本地包

    从node_modules目录删除本地包

    // 没有作用域的包
    npm uninstall <package_name>
    // 包含作用域的包
    npm uninstall <@scope/package_name>
    

    例如:

    npm uninstall lodash
    

    从package.json依赖删除本地包
    从package.json的依赖里删除包,使用 --save标志。

    // 非作用域包
    npm uninstall --save <package_name>
    // 作用域包
    npm uninstall --save <@scope/package_name>
    

    例如

    npm uninstall --save lodash
    

    注意
    如果安装包作为一个“devDependency”(i.e. 用 --save-dev),使用 --save-dev 去卸载它: npm uninstall --save-dev package_name

    删除确认
    查看包是否已删除

    • (OS X): ls node_modules

    卸载全局包

    需要加一个g标志

    // 非作用域包
    npm uninstall -g <package_name>
    // 作用域包
    npm uninstall -g <@scope/package_name>
    

    其他

    问题排查

    我们可以在安装包的使用生成一个debug.log文件,该文件会在安装失败的时候生成,帮我们排查错误,如果需要生成这个文件,安装包时,使用如下命令:

    $ npm install --timing
    

    debug.log文件位于.npm目录。可以使用npm config get cache发现这个目录。

    npm 设置淘宝镜像

    参考:如果npm太慢,设置淘宝npm镜像使用方法

    因为npm服务器在国外,如果觉得慢,可以换成淘宝NPM镜像

    将npm的registry设置为淘宝的镜像源,以下为几种常用方法:

    1. 临时使用
    npm --registry https://registry.npm.taobao.org install express
    
    1. 持久使用
    npm config set registry https://registry.npm.taobao.org
    

    回复原地址使用:

    npm config set registry https://registry.npmjs.org/
    

    配置成功后验证:
    npm config get registrynpm info express

    1. 通过cnpm使用
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    使用样例

    cnpm install express
    

    缓存目录

    npm installnpm update命令,从registry下载压缩包之后,都存放在本地缓存目录。

    这个缓存目录,在Linux或Mac默认是用户主目录下的.npm目录,在Windows默认是%AppData%/npm-cache。通过配置命令,可以查看这个目录的具体位置。

    $ npm config get cache
    /Users/zhangfeilong/.npm
    

    你最好浏览一下这个目录。

    $ ls ~/.npm
    

    可以使用如下命令查看该目录下内存大小:

    du -sh *
    

    .npm目录存放着大量文件,清空它的命令。

    $ rm -rf ~/.npm/*
    # 或者
    $ npm cache clean
    

    模块的安装过程

    总结一下,Node模块的安装过程是这样的:

    1. 发出npm install命令
    2. npm向registry查询压缩包的网址
    3. 下载压缩包,存放在~/.npm目录
    4. 解压压缩包到当前目录的node_modules目录

    注意,一个模块安装以后,本地其实保存了两份。一份是 ~/.npm目录下的压缩包,另一份是node_modules目录下解压后的代码。

    但是,运行npm insall的时候,只会检查node_modules目录,而不会检查~/.npm目录。也就是说,如果该模块在~/.npm下有压缩包,但是没有安装在node_modules目录中,npm依然会从远程仓库下载一次新的压缩包。

    这种行为固然可以保证总是取得最新的代码,但有时并不是我们想要的。最大的问题是,它会极大的影响安装速度。即使某个模块的压缩包就在缓存目录中,也要去远程仓库下载,这怎么可能不慢呢?

    另外,有些场合没有网络(比如飞机上),但是你想安装的模块,明明就在缓存目录之中,这时也无法安装。

    –cache-min参数

    为了解决这些问题,npm提供了一个 --cache-min参数,用于从缓存目录安装模块。

    --cache-min参数指定一个时间(单位为分钟),只有超过这个时间的模块,才会从registry下载。

    $ npm install --cache-min 99999 <package-name>
    

    上面命令指定,只有超过99999分钟的模块,才从registry下载。实际上就是指定,所有模块从缓存安装,这样就大大加快了下载速度。

    它还有另一种写法。

    $ npm install --cache-min Infinity <package-name>
    

    但是,这并不等于离线模式,这是仍然需要网络连接。因为现在的--cache-min实现有一些问题。

    (1) 如果指定模块不在缓存目录,那么npm会连接registry,下载最新版。这没有问题,但是如果指定模块在缓存目录之中,npm也会连接registry,发出指定模块的etag,服务器返回状态码304,表示不需要重新下载压缩包。
    (2) 如果某个模块已经在缓存之中,但是版本低于要求,npm会直接报错,而不是去registry下载最新版本。

    npm团队知道存在这些问题,正在重写cache。并且,将来也会提供一个--offline参数,使用npm可以在离线情况下使用。

    不过,这些改进没有日程表。所以,当前使用 --cache-min改进安装速度,是有问题的。


    参考:
    npm模块安装机制简介
    npm官网

    展开全文
  • npm入门教程

    千次阅读 2018-12-09 19:52:47
    npm入门教程: 1.初始化项目 npm init -y / npm init -force 2.包安装 安装生产阶段的包:npm install jquery --save 安装开发阶段的包: npm install jquery --save-dev 只安装生产环境的包,删除包,然后输入 npm...

    npm入门教程:

    1.初始化项目

    npm init -y / npm init -force

    2.包安装

    • 安装生产阶段的包:npm install jquery --save
    • 安装开发阶段的包: npm install jquery --save-dev
    • 只安装生产环境的包,删除包,然后输入 npm install --production,这里
    • 只会把-save环境依然的包导入进来

    3.包卸载

    • ​ 删除生产环境的包:npm uninstall jquery --save
    • ​ 删除开发环境的包:npm uninstall jquery -dev
    • ​ 删除所有jquery所有包:npm uninstall jquery
    • ​ 删除所有包:npm uninstall
    • ​ 删除多个包可以连续写:npm uninstall jquery bootstrap babel

    4.通过package.json文件导入包

    只需要package.json文件,使用npm install 命令既可

    5.全局化安装

    尽量少用全局化安装,出现问题,可以使用yard 来解决这问题,该问题在win7上基本

    上都会出现

    命令:npm install webpack -g / npm install webpack -global

    6.查看已经安装列表

    命令:npm list

    D:\小精灵工作室\前端\npm-test>npm list
    npm-test@1.0.0 D:\小精灵工作室\前端\npm-test
    +-- babel@6.23.0
    `-- jquery@3.3.1
    

    @是版本号

    7.版本控制

    "devDependencies": {
        "jquery": "^3.3.1"
    }
    

    ^3.3.1表示的是版本好 主版本号.此版本号.修改

    1. 包的管理
    -aplha 版本底层结构还未确定,改动很大的版本
    -beta 底层架构已经定好,会哟一些交互上的改动,此版本可以用于内测,公测
    -rc 成熟的版本
    -realse 稳定的版本,最终版本
    
    1. 模块的管理
    • ​ 查看jquery的版本信 命令:npm info jquery
    • ​ 查看可以更新的版本 命令l: npm outdated jquery,如已经是最新版本,则无提示消息
      "devDependencies": {
          "jquery": "*3.3.1" //允许主版本更新
          "jquery": "^3.3.1" //允许次版本更新
          "jquery": "~3.3.1" //允许bug更新
      } 
    
    • 更新指定模块版本 命令:npm update jquery ,会根据npm outdataed jquery的wanted的结果来更新,
    • 更新所有版本 npm update
    • 升级npm本身的版本 命令:npm install -g npm

    8.源管理

    • ​ 需要先安装nrm来管理源: npm install -g nrm

    • ​ 查看可以用的源:nrm ls

      D:\code\system-learning\font_page\npm_demo> nrm ls
      
        npm ---- https://registry.npmjs.org/
        cnpm --- http://r.cnpmjs.org/
      * taobao - https://registry.npm.taobao.org/
        nj ----- https://registry.nodejitsu.com/
        rednpm - http://registry.mirror.cqupt.edu.cn/
        npmMirror  https://skimdb.npmjs.com/registry/
        edunpm - http://registry.enpmjs.org/
      
    • ​ 切换源:nrm use 源的名称

      PS D:\code\system-learning\font_page\npm_demo> nrm use taobao
      
      
         Registry has been set to: https://registry.npm.taobao.org/
      
    • ​ 测试源的延迟:nrm test

      PS D:\code\system-learning\font_page\npm_demo> nrm test
      
        npm ---- 826ms
        cnpm --- 204ms
      * taobao - 138ms
        nj ----- Fetch Error
        rednpm - Fetch Error
        npmMirror  1563ms
        edunpm - Fetch Error
      
      
    • ​ 添加源的地址:nrm add 源名称 address

      PS D:\code\system-learning\font_page\npm_demo> nrm add zz http://127.0.0.1:8080/
      
          add registry zz success
      
      PS D:\code\system-learning\font_page\npm_demo> nrm ls
      
        npm ---- https://registry.npmjs.org/
        cnpm --- http://r.cnpmjs.org/
      * taobao - https://registry.npm.taobao.org/
        nj ----- https://registry.nodejitsu.com/
        rednpm - http://registry.mirror.cqupt.edu.cn/
        npmMirror  https://skimdb.npmjs.com/registry/
        edunpm - http://registry.enpmjs.org/
        zz ----- http://127.0.0.1:8080/
      

    9.发布自己的包到npm

    步骤:

    1. 需要切换源为官方的地址:nrm use npm

    2. 需要上官网注册账号,注意126等邮箱无法收到验证的邮箱,推荐使用gmail

    3. 登录:npm login

    4. 发布包:npm publish

      必须设置package.json的name为注册的名称,否则没有上传的权限

       PS D:\code\system-learning\font_page\npm_demo> npm publish
       npm ERR! publish Failed PUT 403
       npm ERR! Windows_NT 10.0.15063
       npm ERR! argv "D:\\install\\nodejs\\node.exe" "D:\\install\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "publish"
       npm ERR! node v6.15.1
       npm ERR! npm  v3.10.10
       npm ERR! code E403
       
       npm ERR! You do not have permission to publish "npm-demo". Are you logged in as the correct user? : npm-demo
       npm ERR!
       npm ERR! If you need help, you may report this error at:
       npm ERR!     <https://github.com/npm/npm/issues>
       
       npm ERR! Please include the following file with any support request:
       npm ERR!     D:\code\system-learning\font_page\npm_demo\npm-debug.log
    
       {
         "name": "npm-demo", //需改改成注册的账户名称
         "version": "1.0.0",
         "description": "",
         "main": "index.js",
         "scripts": {
           "test": "echo \"Error: no test specified\" && exit 1"
         },
         "keywords": [],
         "author": "",
         "license": "ISC",
         "devDependencies": {}
       }
       
    

    需要验证带你的邮箱,否则无法发布

       PS D:\code\system-learning\font_page\npm_demo> npm publish
       npm ERR! publish Failed PUT 403
       npm ERR! Windows_NT 10.0.15063
       npm ERR! argv "D:\\install\\nodejs\\node.exe" "D:\\install\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "publish"
       npm ERR! node v6.15.1
       npm ERR! npm  v3.10.10
       npm ERR! code E403
       
       npm ERR! you must verify your email before publishing a new package: https://www.npmjs.com/email-edit : kriszhang
       npm ERR!
       npm ERR! If you need help, you may report this error at:
       npm ERR!     <https://github.com/npm/npm/issues>
       
       npm ERR! Please include the following file with any support request:
       npm ERR!     D:\code\system-learning\font_page\npm_demo\npm-debug.log
    
    1. 上官网查看自己发布的包
    2. 新建一个工程下载已发布的包

    10.使用sinopia搭建私有npm仓库

    步骤

    1. cmd:npm install -g sinopia,貌似需要python的环境

    2. 启动sinopia,会打印启动信息,默认的访问地址是:http://localhost:4873/

      C:\Users\Kris>sinopia
       warn  --- config file  - C:\Users\Kris\AppData\Roaming\sinopia\config.yaml //配置地址
       warn  --- http address - http://localhost:4873/ //默认访问地址
      
    3. 添加用户:npm add userm,sinopia作为服务端,需要新开一个cmd做为客户端,需要添加一个sinopia服务端地址,把把源切换过去

      PS D:\code\system-learning\font_page\npm_test> nrm add sinopia http://localhost:4873/
      
          add registry sinopia success
      
      PS D:\code\system-learning\font_page\npm_test> nrm ls
      
      * npm ---- https://registry.npmjs.org/
        cnpm --- http://r.cnpmjs.org/
        taobao - https://registry.npm.taobao.org/
        nj ----- https://registry.nodejitsu.com/
        rednpm - http://registry.mirror.cqupt.edu.cn/
        npmMirror  https://skimdb.npmjs.com/registry/
        edunpm - http://registry.enpmjs.org/
        zz ----- http://127.0.0.1:8080/
        sinopia  http://localhost:4873/
      
      PS D:\code\system-learning\font_page\npm_test> nrm use sinopia
      

      添加用户

      npm@3.10.10 D:\install\nodejs\node_modules\npm
      PS D:\code\system-learning\font_page\npm_test> npm adduser
      Username: zhangzhen
      Password:
      Email: (this IS public) 287021229@qq.com
      Logged in as zhangzhen on http://localhost:4873/.
      PS D:\code\system-learning\font_page\npm_test>
      

      成功添加用户之后,会在sinopia服务端目录下新增一个文件htpasswd,迁移的时候需要拷贝该用户配置

      在这里插入图片描述

    4. 修改源和默认访问地址

      在这里插入图片描述

      在这里插入图片描述

      如果配置的listen无法访问的话,sinpia会无法打开,会报错

      C:\Users\Kris>sinopia
       fatal --- cannot open config file C:\Users\Kris\AppData\Roaming\sinopia\config.yaml: JS-YAML: can not read a block mapping entry; a multiline key may not be an implicit key at line 50, column 1:
      
          ^
      
    5. 重启sinopia既可以生效,需要需改客户端源的地址,并重新成功登录才能发布包;

    展开全文
  • npm使用教程

    千次阅读 2019-03-07 14:35:41
    社区叫npm,也是一个工具名字node package management。网址为https://www.npmjs.com/ (1)去社区搜索需求,然后点进去,看api。 (2)npm install 名字(这个名字在社区中是全球唯一的) 直接下载就可以了。厉害...

    1、模块就是一些功能的封装,所以一些常用的、成熟的功能,都有人封装成了模块。并放在了社区内,供人下载。社区叫npm,也是一个工具名字node package management。网址为https://www.npmjs.com/
    (1)去社区搜索需求,然后点进去,看api。
    (2)npm install 名字(这个名字在社区中是全球唯一的) 直接下载就可以了。厉害!!!
    (3)安装的时候要注意,命令提示符的所在位置。
    下载后的文件就放在了node_modules中。使用的时候直接require即可。

    2、npm依赖
    (1)我们的依赖包,可能随时更新,我们想保持更新,或者维持某个版本。
    (2)项目越来越大的时候,给别人看的时候没有必要再次共享我们引用的第三方模块。
    我们可以用package.json来管理依赖。

     "silly-datetime": "^0.1.2"  //三角号为固定。第一个数字固定,后面两个数字可以变。
    

    当package.json文件中有了这些依赖后,打包给别人的时候,它只需要输入npm init会生成一个小的指引,帮助我们生成这些依赖文件。

    3、npm相关命令

    npm help <command>:可查看某条命令的详细帮助,例如npm help install
    npm cache clear:可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。
    npm update <package>:可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。
    npm update <package> -g:可以把全局安装的对应命令行程序更新至最新版。
    npm install -g cnpm --registry=https://registry.npm.taobao.org:淘宝 NPM 镜像
    cnpm install [name]:cpnm安装模块,速度快
    npm uninstall express:卸载模块
    npm ls:卸载后查看模块是否存在
    npm publish:发布模块
    npm init:创建模块
    npm search express:搜索模块
    npm list [name]:查看某个模块的版本号
    npm list -g:查看所有全局安装的模块
    

    4、Package.json 属性说明

    name - 包名。
    version - 包的版本号。
    description - 包的描述。
    homepage - 包的官网 url 。
    author - 包的作者姓名。
    contributors - 包的其他贡献者姓名。
    dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。
    repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
    main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
    keywords - 关键字
    

    5、require()中路径,是从当前这个js文件触发,找到别人的。而fs是从命令提示符去找别人的。
    (1)桌面上有一个a.js,test文件夹中有b.js、c.js。
    a要引用b:var b = require(“./test/b.js”);
    b要引用c:var c = require(“./c.js”);
    (2)桌面上有一个a.js,test文件夹中有b.js、1.txt。

    a要引用b:var b = require(“./test/b.js”);
    b要引用1.txt:使用绝对路径。

    var fs = require("fs");
    fs.readFile(**__dirname** + "/1.txt",function(err,data){
       if(err) { throw err; }
       console.log(data.toString());
    });
    
    展开全文
  • 本文将帮助:将自己写的Vue组件打包到npm进行代码托管,以及正常发布之后如何使用自己的组件。  本文讲述的仅仅是最基础的实现,其他复杂的操作需要非常熟悉webpack的相关知识,作者将继续学习。  按照大佬文中写...
  • 当你使用npm不行时就使用cnpm,反之使用cnpm不行时就使用npm 四、真正的使用npm 1.首先是安装你要的依赖,模块或者是脚手架,这里我都以angular为例。 下面是安装angular(安装后你就能使用angular了,...

    一、第一步:首先下载node.js

    附上网址:以下是8.9.x版本,是上下都兼容的版本,目前来说是最好的
    在这里插入图片描述
    https://download.csdn.net/download/dalqyou/10872432

    都是傻瓜式的安装,直接next下一步下一部就ok 了,这里不上图了。

    二、安装完node后直接打开命令运行窗口

    1.可以通过 win +R 或者点击开始菜单在下面的运行输入cmd 就可以打开窗口了在这里插入图片描述

    二、在命令运行窗口中输入node -v ,npm -v命令

    在这里插入图片描述
    如上图所示就表示安装成功了node.js和npm 。
    node里面包含了npm ,npm 要在node 的环境运行。

    三、使用npm的同时也可以使用cnpm

    1.一行字就搞定(淘宝镜像):
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    2.配置后可通过下面方式来验证是否成功
    npm config get registry

    npm info express
    通过使用以及各方面意见,发现cnpm 比 npm 快许多,但是不知道哪里出来的一个bug:
    当你使用npm不行时就使用cnpm,反之使用cnpm不行时就使用npm

    四、真正的使用npm

    1.首先是安装你要的依赖,模块或者是脚手架,这里我都以angular为例。

    下面是安装angular(安装后你就能使用angular了,并且使用它的命令 ng xxxxx)
    npm install -g @angular/cli

    npm install xxx 利用 npm 安装xxx模块到当前命令行所在目录;
    npm install -g xxx 利用npm安装全局模块xxx;

    当你需要删除卸载时:
    npm uninstall xxx 删除xxx模块;
    npm uninstall -g xxx 删除全局模块xxx;

    当你需要清空缓存时:
    npm cache clean --force 清空缓存

    同时安装指定版本的依赖以及其他都是一样:

    这个是安装ng-zorro阿里云的组件库, 安装后可以使用各种样式,插件
    npm install ng-zorro-antd@0.6.6 --save

    这个是安装 scss,安装后就可以使用很骚气的css结构
    npm install node-sass --save-dev
    npm install sass-loader --save-dev

    到这里npm的基本增删改查就介绍完了,但是肯定会在安装中出现一堆安装报错,安装不上的问题

    1.首先运用上面的提到的删除卸载,清空缓存方法,先把原来安装的删除掉再清空缓存,再手动把依赖或者node_module的包删掉之后再重新安装,如果还不行就执行第二个方法
    2.C:\Users\win7\AppData\Roaming --在目录下删除对应文件,再不行就直接卸载node.js 然后再重新安装。.

    稍稍总结一下,以上就是简单的npm 使用方法, 具体的npm 对应的项目以及框架(vue,angular)使用方法和碰到的问题后续都有截图和解决方案

    展开全文
  • 简介 Node.js是一个基于事件驱动I/O的服务端JavaScript环境(用js就可以做一些后端的事),基于Google的V8引擎,V8引擎执行Javascript的...3.设置npm的全局模块的存放路径:npm config set prefix "C:\Program Files\.
  • 使用 sinopia 的好处是,node系的工程师,内部协作时,使用自有 npm 包,会非常方便;另外,sinopia,会缓存已经下载过的包,可以在相当程度上,加速 npm install 相关命令的执行。 工作中,确实有需要用到 sinopia ...
  • npm下载安装教程nodejs is a popular javascript platform and framework which provides server and client-side libraries. What makes nodejs so successful is its package manager named npm or nodejs package...
  • NPM食谱 ...从git克隆stater项目(在本示例中,我们将使用项目) $ git clone https://github.com/kriasoft/react-starter-kit.git 进入刚刚克隆的存储库$ cd react-starter-kit 安装软件包$ npm i
  • npm安装教程

    千次阅读 多人点赞 2020-02-04 15:32:01
    一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: ...
  • 如何在vscode里使用npm

    2018-10-08 15:56:26
    下载vscode后安装完node会出现无法使用npm的情况,此文档就是解决如何能使用npm的,步骤很详细,并附有截图
  • 使用npm安装babel步骤

    2021-05-18 15:30:26
    自带终端中输入npm init 一直回车【使用它默认的属性】=>会产生package.json文件 安装淘宝镜像 因为npm服务器在国外,所以我们用淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org ...
  • 主要介绍了Vue 组件封装 并使用 NPM 发布的教程,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 首先理清nodejs和npm的关系: ...我们在Node.js上开发时,会用到很多别人已经写好的javascript代码,如果每当我们需要别人的代码时,都根据名字搜索一下,下载源码,解压,再使用,会非常麻烦。于是就出现了包管理器npm
  • npm install @pchittum/number-formatter 用法 var numFormatter = require('@pchittum/number-formatter'); var formattedNum = numFormatter(35666); 输出应为35,666 测验 npm test 贡献 代替正式的样式指南,...
  • 上面命令等于为npm init设置了默认值,以后执行npm init的时候,package.json的作者姓名、邮件、主页、许可证字段就会自动写入预设的值。这些信息会存放在用户主目录的~/.npmrc文件,使得用户不用每个项目都输入。 ...
  • npm包发布详细教程

    2020-11-16 11:51:05
    将我们编写的代码发布到npm仓库后就可以在多个不同的项目里引入使用,不管是公司内部使用还是分享给互联网上其他用户,都是非常方便。 一、新建项目 1、建立目录 新建一个项目文件夹wxmp-rsa, 在里面新建src文件夹...
  • 使用npm上传包教程

    2020-06-08 20:17:16
    2、新建一个文件夹,将当前包放置在该文件夹下,这里我新建了agIndex文件夹,index.js是我的包 3、npm包的初始化,输入npm init,然后回车 4、输入对应信息,全部完成后,当前文件夹下会生成一个package.json文件...
  • npm 安装教程

    2019-09-24 16:32:32
    npm 安装详细教程
  • 教程的目的是提供一套完整的示例,说明您可以采用多种方式来编写ES模块,而又不会与当今NPM上存在的由多数commonjs模块组成的庞大库互操作。 我们将在从一个朴素的ES模块开始,然后通过一系列越来越复杂的示例...
  • vue中npm引入editor.md编辑器插件

    千次阅读 2020-06-01 14:54:43
    1:npm安装editor npm install editor.md 2:安装jquery(如果使用cdn在组件中引入,会报错zepto找不到) 所以要安装jquery(这一步网上有很多示例,这里就不重复了) npm install jquery --save 3:使用 重要的一步!...
  • 主要介绍了Node.js安装教程NPM包管理器使用详解,安装部分讲解了Windows、和MAC OS下的安装图解,并介绍了Linux下的源码安装方法,最后对NPM包管理器做了详细介绍,需要的朋友可以参考下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 53,307
精华内容 21,322
关键字:

npm使用教程