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

    关于 npm 和 yarn 总结一些细节

    1、运行 npm run xxx 的时候发生了什么?...运行 npm run xxx 的时候,npm 会先在当前目录的 node_modules/.bin 查找要执行的程序,如果找到则运行; 没有找到则从全局的 node_modules/.bin 中查找【npm...并行安装:无论 npm 还是 yarn 在执行包的安装时,都会执行一系列任务。npm 是按照队列执行每个 package,也就是说必须要等到当前 package 安装完成之后,才能继续后面的安装。...npm5 版本下 install 规则,npm 并不是一开始就是按照现有这种规则制定的: 5.0.x 版本: 不管 package.json 中依赖是否有更新,npm install 都会根据 package-lock.json...5.4.2 版本后: 如果只有一个 package.json 文件,运行 npm install 会根据它生成一个 package-lock.json 文件,这个文件相当于本次 install 的一个快照

    66240

    【npm】伙计,给我来一杯package.json!不加糖

    前言:夜深了,我熬了一锅热气腾腾的package.json,给大家端上来,希望大家喜欢 json和JS对象的区别 package.json,顾名思义,它是一个json文件,而不能写入JS对象。...2.package.json的name字段似乎格外地喜欢“-”这个符号呢,所以我们在写name字段时可以用它做连接符号哦,例如:像“react-router”这个字段一样 version字段 npm对version...一个让我们可能有些困扰的问题是,通过script字段内的npm命令运行脚本时,有时候要加“run”,有时候又不要加"run",即有时候是可以直接用npm ;而有时候又要用npm run...例如: 我刚npm install webpack了,而在我的项目下的node_modules目录的.bin子目录下: ? 就多了一个叫做webpack的脚本 ?...很简单 1.一般你去github或者npm社区里面相关包的介绍后面都会带有--save 或者--save-dev 的参数的,这时候把命令直接复制过来运行就OK了,不用管那么多 2.如果没有1中的介绍,那么请思考

    97360

    写给前端程序员的命令行入门

    我们还需要确保运行正确的shell语言。 当我们在终端输入命令并回车时,命令会通过shell语言进行解释执行。它本质上是在终端应用程序中运行的环境。 最流行的shell语言是Bash。...与浏览器不同的是,终端应用可以在多种shell语言之间进行切换。 Windows设置 首先,我需要承认的是,当涉及到Windows开发时,我并不是专业人士。请对我接下来说的每一句话持保留态度。...跳过 $ 在阅读NPM包的安装说明时,你会经常看到这样的内容: $ npm install some-package 如果你试图运行这一段文字,你会得到一个错误。...在我的机器上,这个目录位于/Users/joshu 。 使用ls(List的简写)命令,你可以查看当前目录下的内容: ls.png 在我的终端上,目录是加粗的,并以浅水色展示。...链式命令 每当我从Github上克隆一个新项目时,我一般要做两件事: npm install ,来拉取第三方依赖。 npm run start ,来启动本地开发服务器。

    1.2K30

    前端|浅探NPM

    但是具体在哪个版本中内置的我没有找到(请大佬告诉我)。下面是NPM的最初版本: ? Yarn与CNPM Yarn可以理解为NPM的远房表亲,同样是包管理器(但我就是不用你)。...test字段,当我们在命令行输入npm run test会输出echo "Error: no test specified" && exit 1 D:\dev\npm-test>npm run test...,但是我每次执行npm install xxx都修改了package.json "dependencies": { "express": "^4.16.4" } 下面我们执行npm install...install xxx 在我的环境下等同于npm install xxx --save会安装到dependencies里面 npm install xxx --save 项目实际上线后需要依赖的包请使用这条命令安装...%" prefix -g'这一行在npm.cmd起的作用是 //如果能运行这两个命令并且得到结果的话将NPM_PREFIX_NPM_CLI_JS的值设置 //为"\node_modules\npm\bin

    91630

    还在用nvm做node管理工具?快来试试Volta吧!

    在官方网站上,它被介绍为“无忧无虑的 JavaScript 工具管理器”。当我把项目的 Node.js 的版本控制统一到 Volta 的时候,DX 上去了很多,我感受到了 Volta 的好处。...终端 $ volta install node@14 您会立即注意到该工具的响应能力。您的开发时间很宝贵!JavaScript 开发人员应该得到一个快速的工具。 当然我觉得安装很快。...从那时起,每次您在项目目录中运行 Node 时,Volta 都会自动切换到与您选择相同版本的 Node 。同样,您的合作者也可以通过在他们各自的开发机器上安装 Volta 来做同样的事情。...$ volta install node@latest # Node@LTS $ volta install node 当您运行任何这些命令时,由 Volta 在 PATH 环境(或 Windows...此外,每次运行工具时,Volta 都会覆盖跟踪,使 npm 或 Yarn 脚本永远不会知道工具链的内容。 结合这两个特性,Volta 解决了全局封装的问题。

    2.9K30

    一文聊完前端项目中的Babel配置

    最后,当我们在代码中使用 generators/async 函数时,它会自动根据 @babel/runtime/regenerator进行运行时注入(可通过 regenerator 选项切换)。...关于 corejs 存在以下的版本: corejs选项 安装命令 false npm install --save @babel/runtime 2 npm install --save @babel/...runtime-corejs2 3 npm install --save @babel/runtime-corejs3 当为 false 时,表示仅仅包含 @babel/runtime,@babel/...当我们设置 absoluteRuntime: true 时,我们在来看看编译后的引入模块: // 这里为使用了 pnpm ,所以扫描到的 runtime 目录是我磁盘目录上的绝对路径地址 var _createClass2...总结 关于 @babel/plugin-transform-runtime 和 preset-env 的 polyfill 方案在我个人看来并没有任何绝对的好坏,不同的业务场景下这两种方案都会有不一样的效果

    1.6K10

    第六十八期:聊一聊Node程序调试(一)

    mkdir app cd app npm init -y npm install --save express touch index.js index.js中内容如下: 我这里沿用了上期的内容 /...这条信息告诉我们当前的服务器运行的是哪款软件,当然不公开这些信息,安全性相对来说会高一点。 这些调试日志可以帮助我们理解我们的应用是如何运行的,同时也可以让我们监控到一些我们不希望看到的内容。...当我们想看express相关的日志时,我们设置成了DEBUG=express:* 表示以express:开头的日志。 按照惯例,模块儿和框架一般使用冒号分割子命名空间。...每次模块向调试模块进行注册时,都会根据命名空间踢动的正则表达式进行校验。 如果匹配不到,则生成的方日志方法就是noop空函数,这样,调试日志在生产中的成本最低。...安装debug模块 npm install --save debug 在需要调试的位置加入代码: // require('cute-stack')() const express = require(

    41430

    初次在Vue项目使用TypeScript,需要做什么

    安装vue装饰器 vue-property-decorator库完全依赖vue-class-component,在安装时要一起装上 npm install vue-class-component vue-property-decorator...TypeScript 项目中使用该库时,可以另外下载这个包,让JS库能够在 TypeScript 项目中运行。...为vue实例添加属性/方法 当我们在使用this.route或一些原型上的方法时,typescript无法进行推断,在编译时会报属性route不存在的错误,需要为这些全局的属性或方法添加全局声明 对shims-vue.d.ts...建议及注意事项 改造过程 在接入 TypeScript 时,不必一次性将所有文件都改为ts语法,原有的语法也是可以正常运行的,最好就是单个修改 初次改造时出现一大串的错误是正常的,基本上都是类型错误,按照错误提示去翻译进行修改对应错误...在导入ts文件时,不需要加 .ts 后缀 为项目定义全局变量后无法正常使用,重新跑一遍服务器(我就碰到过...)

    6.6K40

    前端 Docker 镜像体积优化

    /nebula-web-console # 在镜像中下载前端依赖 RUN npm install # 执行构建 RUN npm run build EXPOSE 7001 # 镜像启动时执行的部署命令...Docker 构建规则 简言之就是利用 Docker 构建提供的规则:Dockerfile 的操作都会增加一个所谓镜像的“层”,每一层都会增加镜像体积,通过采用多步骤策略,每一步骤包含具有相同意义的一系列操作.../nebula-web-console CMD ["npm", "run", "docker-start"] .dockerignore 类似我们熟悉的 .gitignore ,就是当我们在进行 COPY...操作合并 基于上述提到在 Dockerfile 构建镜像的过程做,每一个操作都会在前一步镜像基础上增加一“层”,可以利用 & 来合并多个操作,减少层数,比如: # 以下两个操作分别代表两层 RUN npm...小结 以上便是我在此次使用 Docker 镜像来运行我们 Nebula Studio 所用到的一些优化镜像体积的方法,希望能给需要的人一些帮助和参考,可能还有一些认识不准确的地方,欢迎指出,同样欢迎你来试用

    1K50

    给ASP.NET Core Web发布包做减法

    但是这也给我带来了一个问题,那就是发布时需要把安装的Bower包或NPM包都要打包上传到服务器。 如果现在发布ASP.NET Core Web App,wwwroot下已包含到项目中的文件都会被发布。...虽然我们可以使用捆绑和微小的技术对js、css进行压缩来减少网页大小来提升加载速度。但是,我们发布包的大小却不能减少。 如果我们项目中引用了较少的前端包文件,也无可厚非。但当我们引用了较多的包文件时。...那我们的发布包将会占用很大一部分空间。尤其是当我们进行CI/CD时,将会耗费大量的时间来进行包还原和包文件上传。 2....全局安装 gulp: $ npm install --global gulp 作为项目的开发依赖(devDependencies)安装: $ npm install --save-dev gulp...$ npm install --save-dev path $ npm install --save-dev del 安装成功后会在项目根目录创建package-lock.json文件和node_components

    1.4K10

    Vue + Node.js 搭建「文件上传」管理后台

    Node.js Express 应用 ✦ 前端部分 - 上传文件 Vue + Axios + Multipart 配置 Vue 环境 使用 npm 安装 Vue 脚手架 vue-cli npm install...安装 Axios: npm install axios 我们先跑一下 Vue ,这是 vue 的默认状态 npm run serve [vue-run] 我们可以看到浏览器里 Vue 已经在 localhost...这是因为后端部分还没有跑起来,接下来,我带领大家手把手搭建上传文件的后端部分。 Vue 前端「上传文件」源码 你可以在我的 github 上下载到完整的 Vue 上传文件 Demo。...Vue npm run serve 在 kalacloud-express-file-upload 文件夹根目录运行后端 Node.js node server.js 然后打开浏览器输入前端访问网址:...Node.js 后端「上传文件」源码 你可以在我的 github 上下载到完整的 Node.js 后端「上传文件」源码。

    12.1K30

    【两天完成简书搬家】——第一天,NodeJS爬取简书数据

    当然不是因为那个“饱醉豚”事件,在它越演越烈之前,我就看到那篇争议的文章,顺便看了他几篇文章,我一笑置之,与一个哗众取宠、低智商低情商、毫无论据,甚至毫无文笔的生物有啥好计较的?...不过也可以理解一下,一个签约作者写这样的文章居然还能得到简叔的支持: · 饱醉豚:《我不骂程序员低素质,我只是去证明他们是低素质群体》 · 饱醉豚:《为什么有这么蠢的程序员?...安装node-crawler 直接按github上的文档使用npm install crawler安装,会不行的,提示以下警告: ?...然后进入目录并用命令行生成一个package.json文件,其中遇到交互询问图方便的话就一路按回车就行了: cd jianshu-crawler && npm init 接着才是: npm install...image.png 然而当我们下载该页面文档内容时,实际是这样的:“专题和文集”文字下面的div标签之间为空,因为【文集】和【专题】是通过js异步加载的,在获取到页面文档时它们还没有加载出来。

    94130

    「前端工程化」从0-1搭建react,ts脚手架(自动化收集,进程通信,深拷贝文件等全流程)

    mycli start 运行项目 ? 体验步骤 我们在这边文章里面用的是mycli ,但是我并没有上传项目到npm,但是这篇文章的技术是笔者之前的一个脚手架原型,感兴趣的同学本地下载可以体验效果。...全局下载脚手架rux-cli windows npm install rux-cli -g mac sodu npm install rux-cli -g 一条命令创建项目,安装依赖,编译项目,运行项目.../npm') copy( sourcePath , process.cwd() ,npm() ) cb 函数就是执行npm install 的方法。 我们接着上述的复制成功后,启动项目来讲。...EventEmitter简介 nodejs所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。...Node.js 里面的许多对象都会分发事件:一个 net.Server 对象会在每次有新连接时触发一个事件, 一个 fs.readStream 对象会在文件被打开的时候触发一个事件。

    1.8K50

    【 Node.js 进阶】你应该知道的 NPM 知识都在这!

    ,例如你用于检测代码规范的 eslint ,用于进行测试的 jest ,用户使用你的包时即使不安装这些依赖也可以正常运行,反而安装他们会耗费更多的时间和资源,所以你可以把这些依赖添加到 devDependencies...main 一个常用的npm包 { "main": "lib/index.js", } main 属性指定程序的主入口文件,其他项目在引用这个 npm 包时,实际上引入的是 lib/index 中暴露出去的模块...原理 我们每次在运行 scripts 中的一个属性时候(npm run),**实际系统都会自动新建一个shell(一般是Bash),在这个shell里面执行指定的脚本命令。...的属性运行的时候都会新启动一个 shell,所以在 prestart中设置的环境变量只对应了那个shell的运行时。...env 环境变量 我们在执行 npm run 脚本时候, npm 会设置一些特殊的env环境变量。其中package.json中的所有字段,都会被设置为以npm_package_开头的环境变量。

    1.5K10

    使用gulp压缩博客静态资源

    配置教程 安装Gulp插件:在博客根目录[Blogroot]打开终端,输入: npm install --global gulp-cli #全局安装gulp指令集 npm install gulp --...npm install gulp-uglify --save-dev npm install gulp-babel @babel/core @babel/preset-env --save-dev 方案二...事实上,当我们使用jsdelivr的CDN服务时,只需要在css或者js的后缀前添加.min, 例如example.js->example.min.js,JsDelivr就会自动使用terser帮我们压缩好代码...minify-html','mini-font' )) 在每次运行完hexo generate生成静态页面后,运行gulp对其进行压缩。...所以最终引用字体的相对路径应该是 /fontsdest/*.ttf。而本地测试时,如果没有运行 gulp,自然也就不会输出压缩字体包到 public 目录,也就看不到字体样式。

    78511
    领券