首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

NPM 这 6 个有趣实用的知识点,你知道几个?

其实,npm add 是 npm install 的 别名 之一,所以当我们执行 npm add ,对于 npm 来说完完全全等同于执行npm install!...假如,构建脚本是: npm run build 复制代码 那么你知道如何在执行 npm run build 指令执行之前,做一些特定的别的操作,或者在执行之后执行一些操作,应该怎么做吗?...四、通过 npm link,能创造一些实用的工具指令 npm link 很多人都知道,它最广为人知的用途是: 创建一个软连接,使得你可以在不发布到 npm 源的情况下,在 B 项目里依赖 A 项目进行联调...就会直接执行它所指向的脚本了。...or # 如果你安装了nrm nrm use taobao 复制代码 以上做法虽然有效,但并没有将 “指定源” 固话在项目配置中,新同学上手可能需要在这些问题上花费大量精力。

1.2K40

4个避免使用npm link的理由

link的替代品 因为如下原因我们应该避免使用npm link 多个 Node.js 版本同时使用容易出错 link 失败不会报错并且会回退到直接npm 仓库进行安装 会有预期之外的二进制可执行文件安装...不符合预期的软链接删除 npm link是什么 npm link是一个用于开发直接将本地包链接为依赖项的一个命令行工具。...并且这个版本差异也很难发现,因为npm link在无法找到要链接的本地包也不会报错 link 失败不会报错并且会回退到直接npm 仓库进行安装 如果尝试在一个包中执行npm link a ,就算这个包之前并没有注册为全局链接...如果包有bin 字段,通过npm link可以另这个bin中的命令可以直接通过终端执行命令 考虑到npm link通常只是用来在开发中进行包的测试,全局二进制文件的安装可能会有额外的副作用。...它是一个开发进行软链接的工具。通过上文,我们了解到这种行为是会导致不少预期外的行为以及可能导致的一些错误 顺便提下上面提到的运行npm link a,则二进制执行命令a已安装到系统中。

1.5K20

通过nodejs实现自定义命令

一、前言 我们开发用到的一些库都有自己特有的命令,webpack,babel和jest等。通过给这些命令输入不同的参数,可以得到相应的功能。...这时候如果想直接运行这个命令,将会得到一个报错: 需要给这个文件添加一个执行的权限: chomd +x main.js 这样就能正常的运行这一命令了: 下一步,我们将借助npm的特性,来给我们的命令命名...npm link 完成后就可以直接输入mycmd命令得到结果了 此时你可能会感到疑惑,为什么通过npm link就能实现自定义命令呢?...如果要去除这个软链,执行下面的命令就可以了: npm unlink cmd 说得有点远了,再扯回到自定义命令上面来。如果我们希望给命令传入参数,该如何做呢?...具体用法请看官方文档:commander 六、总结 本文介绍了如何在 Node 开发环境下定制自己的命令,完成一些日常的自动化任务。如果这些任务比较通用,还可以发布到 npm,为更多的人提升效率。

1K30

编写自己的webpack loader

在前面的章节中,使用的 Loader 都是通过 Npm 安装的,要使用 Loader 时会直接使用 Loader 的名称,代码如下: 如果还采取以上的方法去使用本地开发的 Loader 将会很麻烦,因为你需要确保编写的...为此你需要先把编写的 Loader 发布到 Npm 仓库后再安装到本地项目使用。...目录下,让项目可以直接使用本地的 Npm 模块。...完成 Npm link 的步骤如下: 确保正在开发的本地 Npm 模块(也就是正在开发的 Loader)的 package.json 已经正确配置好; 在本地 Npm 模块根目录下执行 npm link...,把本地模块注册到全局; 在项目根目录下执行 npm link loader-name,把第2步注册到全局的本地 Npm 模块链接到项目的 node_moduels 下,其中的 loader-name

1.3K70

何在webpack中设置favicon--webpack入门教程(四)

到线上环境只要直接去对应路径,找到对应的favicon后替换即可。那么如何在webpack打包,自定义地控制favicon的打包路径呢?通过下面的项目实例可以快速了解一下。.../dist'),//打包后的文件存放的地方 filename: 'js/app.js', } }; 在package.json的目录下打开命令窗口,执行npm run dev...安装html-webpack-plugin: npm install html-webpack-plugin --save-dev webpack.config.js中增加配置: const HtmlWebpackPlugin...要先安装url-loader: npm run url-loader  --save-dev webpack.config.js中增加: module.exports = { ......默认配置的参数是atttrs=’img:src’,处理图片的src引用的资源,这里需要增加配置:'link:href',即可处理link标签的href引用的资源: 需要先安装html-loader、file-loader

9.3K451

何在Debian 9上安装Node.js.

如果你想了解如何在其他关于Node.js文章,你可以参考如何在Ubuntu16.04上安装Node.js 为Debian安装Distro-Stable版本 Debian在其默认存储库中包含一个Node.js...npm使用主目录中的配置文件来跟踪更新。它将在您第一次运行npm创建。...执行此命令以验证npm是否已安装并创建配置文件: npm -v 6.2.0 为了使某些npm软件包能够工作(例如,需要从源代码编译代码),您需要安装build-essential软件包: sudo apt...您可以通过键入以下命令来告诉nvm去使用您刚下载的版本: nvm use 8.11.1 当使用nvm安装Node.js ,可执行文件被命名为node。...: npm link express 您可以通过键入以下内容来了解有关nvm可用选项的更多信息: nvm help 删除Node.js 您可以使用apt或nvm卸载Node.js ,具体取决于您要定位的版本

6.1K50

长文带你深入【前端脚手架开发从原理到实战开发】 | 技术创作特训营第五期

1.不满足需求:jenkins,travis通常在git hooks中触发,需要在服务端执行,无法覆盖研发人员本地的功能,:创建项目自动化,本地git操作自动化等。...还有一种场景:通过 vue create 创建项目,会自动执行 npm install 帮用户安装依赖,如果我们希望使用淘宝源来安装,可以输入命令:vue create vue-test-app --...脚手架的实现原理1.为什么全局安装 @vue/cli 后添加的命令为vue?2.全局安装 @vue/cli 发生了什么?3.执行 vue命令发生了什么?...并发布5.在终端安装并使用 脚手架本地调试方法1.npm link。...1.创建两个包,分别是 cli-test 和 cli-test-lib2.在cli-test-lib,执行npm link3.进入 cli-test,执行 npm link cli-test-lib 此时就可以在

37320

Vue3实战(05)-教你快速搭建Vue3工程化项目

我们访问Volar的 地址,直接点击Install,就会启动VS Code并且安装。然后使用Chrome访问 Vue 3调试插件的 地址 ,可以帮助我们在浏览器里高效的调试页面。...npm install 命令,来进行依赖的安装,然后执行npm run dev 命令来启动项目,看到如下信息就算是启动成功了。...npm install vue-router@next vuex@next 框架搭建完毕后,我们如何在项目的src目录下面组织我们的路由和其他代码呢?...至此,一个多页面的Vue开发项目雏形就完成了,页面架构变成: 还不够,实际项目开发中还有各种工具集成,: 写CSS代码,要预处理工具stylus或sass 组件库开发中,我们需要Element3...并且main.js在项目入口对路由数据进行了注册,这样我们就能够通过执行 npm run dev 启动这个项目。之后,我们就能看到首页和关于页面,这样项目的雏形我们就搭建完毕。

67740

【Nodejs】326- 从零开发一个node命令行工具

回想一下,通常我们在使用一个 cli 工具,都需要先安装它,比如 vue-cli,使用前需要全局安装: npm i vue-cli -g 而我们的 kid-cli 并没有发布到 npm 上,当然也没有安装过了...通常我们想本地测试一个 npm 包,可以使用:npm link 这个命令,本地安装这个包,我们执行一下: npm link 然后再执行 kid 命令,看正确输出 hello world! 了。...那么如何在 node 中执行 shell 脚本呢?只需要安装 shelljs 这个包就可以轻松搞定。...npm i shelljs --save 假定我们想克隆 github 上 vue-admin-template 这个项目的代码,并自动安装依赖,改造index.js,在 initAction 函数中加上执行...切换网络代理 因为安全策略,公司对开发网有一些网络限制,比如想要直接使用 npm 安装依赖包,通常需要配置网络代理,而使用 tnpm 则需要切换回来。每次手动切换代理实在是麻烦。

2.1K20

使用 nodejs 开发命令行小工具 - 谷歌翻译字幕

执行脚本 现在我们可以使用 node src/fysrt.js 来执行这个文件,但是这很麻烦,我们想使用 fysrt 来直接执行这个文件。 首先我们在文件开头加入 #!...bin 然后我们在 package.json 中加入 bin 字段 使用 bin 字段可以将命令名和文件名映射,在安装 npm 会将我们的可执行文件符号链接到 {prefix}/bin (全局安装)或...npm link 我们想让上面设置的 bin 起作用,可以发布和安装包,npm 才会帮我们做符号链接,但是这样太麻烦,我们还可以使用 npm link 命令。...它可以简写为 npm ln,我们直接去项目目录执行 npm link 就可以了。...我们对 fysrt 的修改都可以直接映射到该项目的 fysrt。 当我们想取消链接可以执行 npm unlink fysrt。 srt 字幕文件 srt 字幕文件中的一句字幕,分为三部分。

1.4K20

从零开发一个node命令行工具

回想一下,通常我们在使用一个 cli 工具,都需要先安装它,比如 vue-cli,使用前需要全局安装: npm i vue-cli -g 而我们的 kid-cli 并没有发布到 npm 上,当然也没有安装过了...通常我们想本地测试一个 npm 包,可以使用:npm link 这个命令,本地安装这个包,我们执行一下: npm link 然后再执行 kid 命令,看正确输出 hello world! 了。...那么如何在 node 中执行 shell 脚本呢?只需要安装 shelljs 这个包就可以轻松搞定。...npm i shelljs --save 假定我们想克隆 github 上 vue-admin-template 这个项目的代码,并自动安装依赖,改造index.js,在 initAction 函数中加上执行...切换网络代理 因为安全策略,公司对开发网有一些网络限制,比如想要直接使用 npm 安装依赖包,通常需要配置网络代理,而使用 tnpm 则需要切换回来。每次手动切换代理实在是麻烦。

86810

从零开发一个node命令行工具

回想一下,通常我们在使用一个 cli 工具,都需要先安装它,比如 vue-cli,使用前需要全局安装: npm i vue-cli -g 而我们的 kid-cli 并没有发布到 npm 上,当然也没有安装过了...通常我们想本地测试一个 npm 包,可以使用:npm link 这个命令,本地安装这个包,我们执行一下: npm link 然后再执行 kid 命令,看正确输出 hello world! 了。...运行 shell 脚本 熟悉 git 和 linux 的同学几句话便可以初始化一个项目: 那么如何在 node 中执行 shell 脚本呢?只需要安装 shelljs 这个包就可以轻松搞定。...npm i shelljs --save 假定我们想克隆 github 上 vue-admin-template 这个项目的代码,并自动安装依赖,改造index.js,在 initAction 函数中加上执行...切换网络代理 因为安全策略,公司对开发网有一些网络限制,比如想要直接使用 npm 安装依赖包,通常需要配置网络代理,而使用 tnpm 则需要切换回来。每次手动切换代理实在是麻烦。

90920

Vue3 | VueCli、node.js安装、nrm切换镜像源、vue项目结构解读、Router详解、VueX详解

完整原文地址见简书 更多完整Vue笔记目录敬请见《前端 Web 笔记 汇总目录(Updating)》 本文内容提要 VueCli部分 首先需要安装nodejs 安装完node会自动配套npm...中 ---- VueCli部分 首先需要安装nodejs 参考博客: --- Install Node.js --- Node.js 安装配置 安装完node会自动配套npm 使用npm install...nrm -g用于调整 镜像源,方便后续下载依赖 安装完了注意, C:\Users\凌川江雪\AppData\Roaming\npm\nrm -> C:\Users\凌川江雪\AppData\Roaming...\npm\node_modules\nrm\cli.js乃是依赖的安装代码路径; nrm ls可以切换镜像源: 其他命令如图,安装后自然可以看到; 安装后使用时,你可能遇到这个问题: D:\OK\nodejsOther...commit, 然后回调到store的mutations, 直接修改数据: 运行效果基本同上例; VueX的异步操作 同步操作 VueX建议在mutations中只进行立即执行的同步操作, 如果要进行异步操作

6.2K10

如何通过Dockerfile优化Nestjs构建镜像大小

原文开始这是一篇手把手的教程,教你如何在制作nestjs镜像,能够编写出一个优化生产依赖的Dockerfile有了这个Dockerfile,无论是在本地开发环境,还是在容器环境都能很轻松完成部署P.S...RUN npm install# 安装完毕后复制当前目录所有文件到镜像目录里面COPY . . # 执行npm run build 后生成dist目录RUN npm run build# 使用打包后的镜像...docker,可以在本地进行打包测试,让我们来瞧瞧是否预期中那样打包镜像在命令行中执行以下命令,当然,你也可以把nest-app-demo换成你想要的镜像名,需要注意的是,不要忘记后面的.号!...而不是npm install 来打包镜像,至于原因可以点击这里查看docs.npmjs.com/cli/v8/comm… "npm ci与npm install很相似,除了当它用于自动化时,测试平台...,持续集成和部署————或者任何你想确保能有一个干净的依赖安装环境" 正好符合我们现在的情况,所以我们要使用npm ci来替换npm installRUN npm ci复制代码使用User指令默认情况下

2.4K40
领券