当然 npm 能成为现在世界上最大规模的包管理系统，很大程度上确实归功于它足够用户友好，你看即使我只会执行 install 也不必太担心出什么大岔子。...需要获取用户输入时候，使用 prompt() 方法即可。...如果我们在安装 webpack 时添加 --global 参数，就可以在终端直接输入 webpack 进行调用。...npm 中以上字段内容仅作为建议字段使用，若要在私有项目中添加强约束，需要自己写脚本钩子，读取并解析 engines 字段的 semver range 并与运行时环境做对比校验并适当提醒。...小结 npm 最佳实践 使用 npm-init 初始化新项目 统一项目配置: 需团队共享的 npm config 配置项，固化到 .npmrc 文件中 统一运行环境，统一 package.json，统一
是生产环境的依赖项 卸载模块 $ npm uninstall express 卸载后，你可以到 /node_modules/ 目录下查看包是否还存在，或者使用以下命令查看： $ npm ls 更新模块...-- save 理解 node --save可以省略掉手动修改package.json的步骤 当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name...），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（dependencies）。...版本号 在自己发布 插件时，需要填写 package.json 的 version，下面我就来了解一下 版本号的一些知识点，如何正确写 版本号。...自动创建undefined也是在项目根目录下执行 npm init，然后根据提示一步步输入相应的内容完成后即可自动创建。
npm到用户所属路径： npm install -g npm 这也会更新npm。...当运行 npm install 时，该文件所指定的模块版本会覆盖 package.json 文件中所指定的版本。 9. 找出过时的模块 怎么知道一个模块已经更新了呢？...我之前的方式是先列举出项目所依赖的模块(npm list --depth=0)，然后在 npmjs.com 上找到该模块，手动检查该模块的版本是否已经更新。这非常费时。...10.使用开发中的模块 当你正在开发一个模块时，会经常想在其它项目中尝试使用或者在任何一个目录运行它(如果你的应用支持)，这时没必要将其发布到 npm，并全局安装---仅需在该模块所在目录使用下面的命令...另一个选择是，可以通过文件路径在 package.json 文件中声明对该模块的依赖： "dependencies": { "myproject": "file:..
配置内容，需要获取用户输入时候，使用 prompt() 方法即可。...dependenices 通过命令npm install/i packageName -S/--save把包装在此依赖项里。...，例如你用于检测代码规范的 eslint ,用于进行测试的 jest ，用户使用你的包时即使不安装这些依赖也可以正常运行，反而安装他们会耗费更多的时间和资源，所以你可以把这些依赖添加到 devDependencies.../lib/tsc.js') npm install 安装的某个模块，如果模块在 package.json 中配置了 bin 属性，在安装时候会自动软链接到 node_modules/.bin 中，举个例子....npmrc 文件来共享需要在团队间共享的 npm 运行相关配置。
如图所示，输入 npm init 后会弹出一堆问题，我们可以输入对应内容，也可以使用默认值。在回答一堆问题后输入 yes 就会生成图中所示内容的 package.json 文件。...指定依赖的包 我们需要在 package.json 文件中指定项目依赖的包，这样别人在拿到这个项目时才可以使用 npm install 下载。...，比如 grunt CLI，就需要安装到全局了 如果在你的项目里有 package.json 文件，运行 npm install 后它会查找文件中列出的依赖包，然后下载符合语义化版本规则的版本。...' 解决办法： - 在目录下执行 npm init 创建 package.json，输入初始化信息 - 然后再执行下载命令 安装参数 --save 和 --save -dev 添加依赖时我们可以手动修改...上图中，我们在输入 npm update 后发现本地的 lodash 模块还不是最新的，这是为什么呢？
: 主进程和渲染进程就行隔离(沙箱模式) 当时用户操作和渲染的事情都是交给渲染进程 当需要操作系统API,例如:创建新窗体,获取电脑的相关信息等就交给主进程 也就是说当主进程和渲染进程需要交互时就会涉及到进程之间的通讯我后面会演示到...接下来就是加载Electron开发依赖 引入Electron开发依赖 对当前项目引入Electron的开发依赖 执行安装指令 npm install --save-dev electron 接着就需要在...此时我们可以运行start指令看看 出现报错 很明显我们现在还没配置程序主入口 创建并启动窗体程序 Electron开发依赖环境安装后 接着我们就需要开始编写一个桌面端程序的示例 添加一个页面 首先添加一个我们需要展示的页面... 添加程序主入口 首先我们需要在项目根目录添加main.js文件 然后添加如下内容 //获取依赖 //app:模块，它控制应用程序的事件生命周期 //BrowserWindow...下面我来演示一下 首先我们我们需要添加一个预加载脚本 我们在根目录添加一个preload.js文件 并添加如下内容 window和 document全局渲染器 process.versions是Node.js
validate-npm-package-name 包来检测模块名是否合法）； 语义化模块名，可以帮助开发者更快的找到需要的模块，并且避免意外获取错误的模块； 若模块名称中存在一些符号，将符号去除后不得与现有的模块名重复...描述信息（description & keywords） description 字段用于添加模块的描述信息，便于用户了解该模块。 keywords 字段用于给模块添加关键字。...它们是我们生产环境所需要的依赖项，在把项目作为一个 npm 包的时候，用户安装 npm 包时只会安装 dependencies 里面的依赖。...如果一个模块不在 package.json 文件之中，我们可以单独安装这个模块，并使用相应的参数，将其写入 dependencies 字段/ devDependencies 字段中： # 使用 npm...文件，开发直接使用 npm install / yarn install 命令，就会在当前目录中自动安装所需要的模块，安装完成项目所需的运行和开发环境就配置好了。
在回答一堆问题后输入 yes 就会生成图中所示内容的 package.json 文件。...指定依赖的包 我们需要在 package.json 文件中指定项目依赖的包，这样别人在拿到这个项目时才可以使用 npm install 下载。...，比如 grunt CLI，就需要安装到全局了 如果在你的项目里有 package.json 文件，运行 npm install 后它会查找文件中列出的依赖包，然后下载符合语义化版本规则的版本。...' 解决办法： - 在目录下执行 npm init 创建 package.json，输入初始化信息 - 然后再执行下载命令 安装参数 --save 和 --save -dev 添加依赖时我们可以手动修改...npm run 会创建一个Shell，执行指定的命令，并临时将node_modules/.bin加入PATH 变量，这意味着本地模块可以直接运行。
在本文中，我将要介绍 npm 的基本用法，告诉你们怎么安装安装本地和全局模块包，怎么删除，升级和安装一个特定版本的模块。同时我还会介绍怎么利用 package.json 文件来管理你的依赖。...这样我们就可以在命令行运行这些全局模块。在 .profile，.bash_profile 或者 .bashrc 文件中添加下面这一行，并重启你的终端。...同样要注意到，Underscore 被保存到了 dependencies 这一项了。在最新版本的 npm 也就是 npm5 中，这已经成为了默认选项，表示程序运行时的必需模块。...你也在 package.json 文件中添加 private: true 这一项，防止你的私人仓库被误发布，同时运行 npm install 命令时，避免产生任何警告信息。...到目前为止，最应该使用 package.json 的理由是 package.json 指定了所有的依赖项，所以当我们想克隆别人的代码，我们只需要复制 package.json 文件到项目的根目录并运行
当执行该命令时，就会根据 package.json 文件中的配置信息来自动下载所需的模块，也就是配置项目所需的运行和开发环境。...当使用 npm 或 yarn 安装 npm 包时，该 npm 包会被自动插入到此配置项中： npm install yarn add 当在安装依赖时使用...当打包上线时并不需要这些包，所以可以把这些依赖添加到 devDependencies 中，这些依赖依然会在本地指定 npm install 时被安装和管理，但是不会被安装到生产环境中。...当使用 npm 或 yarn 安装软件包时，指定以下参数后，新安装的 npm 包会被自动插入到此列表中： npm install --save-dev yarn add --...需要注意，由于 optionalDependencies 中的依赖可能并未安装成功，所以一定要做异常处理，否则当获取这个依赖时，如果获取不到就会报错。
当用户全局安装该应用程序或在系统上运行它时，npm会自动将这些依赖项下载并安装到node_modules目录中。...npm install：安装一个新依赖项到你的项目。 npm install --save：安装一个依赖项，并将其添加到dependencies中。...npm install --save-dev：安装一个开发依赖项，并将其添加到devDependencies中。 npm uninstall：卸载一个依赖项。...依赖项兼容性：当添加新依赖项时，尽量选择广泛支持和积极维护的包。 测试：在更新依赖项之前，最好在一个隔离的环境中测试它们，比如使用Docker或虚拟机，以确保它们不会破坏现有的功能。...初始化模块 在开发目录中创建一个新的文件夹作为模块项目，在该文件夹内运行npm init命令初始化package.json文件，它会引导填写一些基本信息（如版本号、描述等），或者使用npm init -
package.json文件可以手工编写，也可以使用npm init命令自动生成（注意：npm init 时，用户需回答一些问题，然后在当前目录生成一个基本的package.json文件。...，当在执行npm install命令时，将会根据此对象中的属性来安装依赖。...npm install --save app： 将产品运行时（或生产环境）需要的依赖模块添加到 package.json 的 dependencies 中，在发布后还需要继续使用，否则就运行不了 npm...install --save-dev app：将产品的开发环境需要的依赖模块添加到 package.json 的 devDependencies 中，只在开发时才用到，发布后用不到它。...比如当前脚本文件/demo/src/foo.js，在该模块中使用require('bar')方式加载模块时，node内部运行过程如下： /demo/src/node_modules/bar /demo
这会有助于在不同环境中进行协作，在这种环境中，你希望每个人都为项目的特定版本获取依赖项以得到同一棵依赖树。...如果 express 在我下载该模块并尝试安装依赖项时发布了新版本，则可以下载最新版本。...想象一下，拉取项目的最新版本，当运行 npm install 获取最新信息时，却发现树中进行了许多毫无意义的更改。 你树中的更改很可能对审核你的代码更改的人没有意义。...结论 使用 package-lock.json 时，请记住以下关键要点： 不要在没有参数的情况下使用 npm install 来获取依赖关系，所以请使用 npm ci。...你可以用 npm install 安装特定的依赖项。 仅在需要本地依赖关系树时，甚至在本地开发环境中，都可以在所有地方使用 npm ci。 为你依赖关系的更新做一个重复的任务，例如每月一次。
在指令中，“npm install” 是安装模块的命令，“–save-dev” 参数表示将模块添加为开发依赖，最后的 “electron@12.0.2” 则是需要安装的模块和其版本号。...这样，其他开发人员在克隆项目并运行 npm install 时，也能够自动获取这些开发依赖项。...在 package.json 文件中，开发者可以添加一个名为 “funding” 的字段，该字段中会列出各种模块设置和依赖项。...当应用程序程序员使用这些包时，他们可以通过运行 “npm fund” 命令来为指定的包的作者进行捐赠。执行这个命令后，用户的默认浏览器将会打开指定的捐赠服务链接，从而方便用户进行信用卡捐赠等操作。...等待了一段时间后，就安好了，并自动打开了程序，但是既没有在桌面也没有在开始菜单中创建快捷方式（可能需要打包的时候进行配置），通过查看系统状态栏上该应用的属性，可以看到是安装到 C:\\Users\用户名
" 要检查是否正确添加了这些属性，在终端输入 npm config edit查看配置文件信息。...使用npm i -D cross-env将其作为开发依赖项安装。...在不同的目录中运行脚本 有时，在不同的文件夹中拥有一个包含多个package.json文件的应用程序。...wait-on 节点模块提供了一种方便的方法来确保进程只在某些进程就绪时发生:在我们的例子中，我们有一个特定的端口。 例如，这是我在使用React前端的Electron项目中使用的dev脚本。...列出并选择可用脚本 列出package.json文件中可用的脚本很简单：只需转到项目的根目录并在终端中输入npm run。
（以下演示的命令均为windows系统环境）中查看NPM的版本： NPM为开发者提供了一个代码模块共享的大平台，当我们项目中需要使用某个模块（JavaScript包）时，可以直接使用NPM包管理工具来下载对应的包并安装...package.json文件可以自己手动创建，也可以使用命令来创建： npm init 在命令提示符中输入上面命令（先 cd 到项目根目录下，再执行命令）后，会向用户提问一系列问题，根据对应的提示回答问题..." } 配置好bin字段后，在项目根目录输入 npm link xxx 就可以执行testCmd命令了， 使用 npm link 命令，将 npm 模块链接到对应的运行项目中去，方便地对模块进行调试和测试...loader在webpack构建文件的过程中起着至关重要的作用，实现可以通过loader识别出要对哪些文件进行预处理，然后loader转换这些需要预处理的文件，并添加到bundle（构建后的模块）中。...4.3、配置热加载 热加载也叫模块热替换（ Hot Module Replacement ，简称HMR），配置热加载后，在应用运行期间修改代码，不需要重新刷新页面就可以在浏览器中加载更新后的内容。
6 项目依赖管理 6.1 package.json文件 在进行模块化开发时，项目中需要记录复杂的模块依赖关系。...只需要在复制完成的项目中打开命令行工具，输入“npm install”命令，npm工具会自动到项目根目录下去找到package.json文件下的dependencies选项去下载第三方模块。...例如，使用“npm install 包名”命令下载的formidable和mime第三方模块，它们会默认被添加到package.json文件的dependencies选项中。...开发依赖使用“npm install 包名 --save-dev”命令安装，“--save-dev”参数将包添加到package.json文件的devDependencies选项中。...在下载第三方模块时，npm会同时在demo08项目的根目录下产生一个package-lock.json文件，该文件中会详细记录模块与模块之间的依赖关系、版本信息，以及下载地址。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
