nvm是node version manager的缩写，顾名思义它是Node的版本管理工具， 有了nvm管理工具，我们就可以使用nvm的一系列命令来管理和使用不同版本的Node。
Node的包管理器 JavaScript缺少包结构的定义，而CommonJS定义了一系列的规范。而NPM的出现则是为了在CommonJS规范的基础上，实现解决包的安装卸载，依赖管理，版本管理等问题。 CommonJS是一个致力于构建统一的JS生态系统，它可以兼容web服务器、桌面应用、命令行应用、浏览器等。它定义了各种开发的规范和API不仅仅模块化相关的规范） 官网的说明： a group with a goal of building up the JavaScript ecosystem for we
在项目的前端开发中，对于绝大多数的小伙伴来说，当然，也包括我，不可避免的需要在项目中使用到一些第三方的组件包。这时，团队中的小伙伴是选择直接去组件的官网上下载，还是图省事直接在网上搜索，然后从一些来源不明的地方下载，我们就无法管控了。同时，我们添加的组件间可能存在各种依赖关系，如果我们没有正确下载引用的话，到最后可能还是无法正常使用。
将撸好的轮子发到NPM（node package manager）上很简单，只需要几个步骤 ,
在项目路径下使用 npm init初始化之后，将下面需要安装的依赖复制到package.json文件中
这个方案主要是为了实现js/css/image的压缩合并、自动添加版本号、自动加浏览器前缀和压缩html。
按照微信小程序官方文档的说明，小程序的更新机制主要分为未启动时更新和启动时更新两种模式。启动时更新会在小程序冷启动时异步检查是否有新版本，如果有新版本，会下载下来，等下次冷启动时候使用新版本代码进行启动；而未启动时更新会有定时检查器对最近7天内使用过的小程序进行定时检查是否有新版本，每6小时一次，如果有新版本就会预下载，下次冷启动时候可以直接使用最新的版本。
本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)---2018.04.08 3、React多页面应用3(webpack4 多页面实现)---2018.04.09 4、React多页面应用4(webpack4 提取第三方包及公共组件)---2018.
npm，cnpm，yarn这三个或许使用Hexo，Hugo，vuepress等静态博客搭建的小伙伴们来说，会经常遇见，会使用它们进行插件，依赖包等的安装、卸载与更新，如果你是前端开发者或者是准备从事前端的话，你会经常与它们三个打交道，下面简单的说说它们三剑客吧！
最近研究了下工作流，先说一下我司的情况，我司现在是pc端用php直出，h5用vuejs构建，vuejs部分就不进行描述了，因为网上的构建方法都是很成熟的了。 以下是php直出，需要向后台同学提供html文件的构建方法。调试都是在本地调试的，调试完成后打包生成html交付给后台同学。
可以看到 Nest 从 gulp 切换到了 tsc 编译，但是版本号依然是 9.1.2。
gulp 是基于流（stream）的自动化构建工具，能帮助前端节省很多资源。 OK，直接进入主题——本篇中将主要介绍怎么用gulp。
本教程总共7篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React多页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29 3.React多页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React多页面应用4(webpack自动化生成多入口页面)----2017
Gulp安装流程、使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结 一、名词介绍： Npm——node包管理工具 一开始我不理解，包管理工具是什么鬼。后来用到的gulp也好，gulp的插件包也好，都是要在npm这个里边弄出来的。 可以理解为，一个硬盘，里边放的各种整理好的、适用于各种功能的且不重复的文件夹（插件），然后我们需要啥，就去里边摘下来。 当然也可以用它来删除插件 rimraf删除gulp的模块插件 1、安装：npm install -g rimraf（全局安装），如果
本地的PACK构建shell脚本 首先是在在package.json中的scripts键值中加入release "release": "sh build/pack.sh" 之后在项目目录下新建build文件，并在其中新建pack.sh文件，内容如下： #!/bin/sh if [ ! "$1"]; then echo "不可缺少打包版本号" exit 1 fi # 上面的命令是确认传来了作为版本号的第一个参数 echo "编译中....." npm run build # "build":
它不是JS文件，也不是JS框架，而是Server side JavaScript runtime，当服务端的一个JS文件运行时，会被NODE拦截，在NODE中运行JS代码。JS由ES（ECMAScript），DOM，BOM 组成，目前运行在浏览器内核中，NODE中只能运行ECMAScript，无法使用DOM，BOM。
1、 如何全局安装一个 node 应用? npm install -g <package_name> 上述命令执行之后将会在当前的目录下创建一个 node_modules 的目录（如果不存在的话），然
描述：给静态资源文件名添加hash值:unicorn.css => unicorn-d41d8cd98f.css
本文作者：IMWeb 林鑫 原文出处：IMWeb社区 未经同意，禁止转载 本文主要展示的是gulp常用插件的使用方法和用途，通过对插件的熟练运用达到精通gulp。不定期更新。可以到gith
前阵子为了满足工作上的一个需求开发了一个PostCSS 插件，后来也将这个插件提交给PostCSS 官方并得到认可。在这篇文章中笔者将记录开发过程中遇到的一些问题，且斗胆将之称为“最佳实践”，希望对有兴趣尝试PostCSS 插件开发的您有所帮助。 简介篇 开发成果展示 首先先上成果：https://github.com/Jeff2Ma/postcss-lazyimagecss （欢迎给个star 哦~） postcss-lazyimagecss 插件实现的功能是为 CSS 中的background-imag
换肤这个功能，不能算是很常见，但是也是有需求的，所以这里提供几种前端的换肤解决方案，供大家参考。
楼主经过实际的项目情况反馈，总结以下两点切实可行的办法，分享给大家，希望对大家有帮助。
基于Visual Studio 2015，你可以： 方便的管理前端包，如jQuery, Bootstrap, 或Angular。 自动运行任务，如LESS、JavaScript压缩、JSLint、JavaScript单元测试等。 方便的获得Web开发者生态圈的工具包。 为了实现这些场景，Visual Studio 2015已经内置了一些流行的第三方工具包： Bower：Web包管理器，Bower可以帮你安装前端包，包括JavaScript、CSS类库。对于服务器端包，请通过NuGet包管理。 Grunt a
webpack简介 Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 webpack特点 Webpack 有两种组织模块
webpack简介 Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 webpack特点 Webpack 有两种组织模块依赖的方
前端开发的工作往往需要把LESS/SASS编译成CSS文件，对多个JS、CSS文件进行合并与压缩处理，对JS、CSS进行语法的检查等，上面提到的这些都是一些重复性的操作，在开发过程中占据了大量的时间，降低了开发效率。对于大量重复性的操作是不是可以交给工具来处理，我们只需要告诉工具需要处理哪些操作。那么今天要给大家介绍的工具是Gulp。 本文内容概要： 1 什么是Gulp 2 Gulp VS Grunt 3 Gulp的安装与使用 4 命令行的简单介绍 1 什么是Gulp Gulp是一个前端自动化构建工具，在项
Grunt和Gulp是Javascript世界里的用来做自动压缩、Typescript编译、代码质量lint工具、css预处理器的构建工具，它帮助开发者处理客户端开发中的一些烦操重复性的工作。Grunt和Gulp都在Visual studio 2015中得到支持。ASP.NET 项目模板默认使用Gulp。 Grunt和Gulp Grunt和Gulp有什么区别？Gulp虽然是稍微晚一点登场的，但是它因crisp performance和优雅的语法受到欢迎。与Grunt不同，Grunt往往在硬盘上是读写文件，G
第一: gulp必须在nodejs环境下运行，所以要先搭建nodejs环境。 测试nodejs是否安装正常。命令：node -v 如果返回版本号说明安装正常
Gulp 是基于 NodeJS 的前端自动化构建工具，在项目开发过程中自动化地完成 html / css / js / image / sass / less 等文件的编译、合并、压缩、语法检查、浏览器自动刷新等重复性任务，在操作上使用了 NodeJS 中的 stream (流)，通过 pipe() 方法导入到指定的地方，将前一级的输出，作为后一级的输入，不再需要进行频繁的 IO 操作，但需要注意的是，这里的流内容，并非原始的文件流，而是一个虚拟的文件对象流 (Vinyl Files)，存储着原始文件的路径、文件名、内容等信息
阅读统计和访客统计使用的都是不蒜子，因为使用的是NexT主题，只需要添加一下配置就可以了。
该命令写在package.json文件scripts的test字段中，可以自定义该命令来执行一些操作，如
打开命令行, 输入指令=> $ sudo npm install --global
准备工作 在npm官网注册账号，要记住用户名/邮箱/密码 三个信息，后面需要用到 需要发布的项目应该有相应的git地址 包括但不限于github 最好在项目中使用gulp来把跑测试用例和打包的过程进行自动化，方便发布 操作流程 在修改完成后，首先本地提交，并执行单元测试(npm run unit) 如果测试通过，则可以打包出压缩后的成品代码(npm run build) 此时进入预发布流程，可以先通过npm whoami来确认登录信息，如果当前未登录，则需要npm login来输入用户名/密码/邮箱来登录
本文需要安装node（自行安装），并了解过gulp入门。gulp脚本下载：https://github.com/youhunwl/gulp 欢迎star。
gulp-rev 生成的manifest默认为： "index.css": "index.css?v=04aff97a7b", 为避免同名文件覆盖版本号，对替换的路径增加一级目录，如下 "css/
gulp是基于流的自动化工具,关键字:自动. 我也是非常喜欢自动的东西,尤其能帮我省下好多时间,提高效率,更重要的是能提高B格; 下面就来看看如何创建; 1.cnpm init 初始化项目 2.cnpm install gulp 安装gulp 并用gulp -v查看版本号 3.cnpm install 安装所需要的依赖包 cnpm install gulp-connect --save-dev cnpm install gulp-concat --save-dev cnpm install gulp-
如果没有安装Node可以使用mac的包管理神器HomeBrew进行安装，首先下载HomeBrew，接下来在终端执行以下命令
一个项目正式交付客户使用了，对于版本的升级和代码更新是个一直困扰的问题，由于之前一直都是内部人员使用，可以让他们每次都下载完整压缩包（压缩后大概 40-50MB），但对于正式的终端用户，这个体验是不可接受。 参考过 Electron 官方文档，里面提及的方案兼容性并不好（Linux 不支持），需要准备的东西不少，而且交互上也不满意；本文介绍方案的细节及中间遇到的一些坑。
随着发展的逐步发展，作为工程师除了需要关注需要写的⻚面，样式和逻辑之外，还需要面对日益复杂 的系统性问题，比如模块化文件的组织、ES6 JS 文件的编译、打包压缩所有的 JS 代码、优化和合并图片静态资源等等事情。
引擎项目开源的核心价值，一方面是源代码的开放，可以让大家免费使用，避免重复造轮子。另一方面可以吸引有能力维护源码的开发者共同参与维护，让项目加速前进与成熟。
开发者工具提供了命令行与 HTTP 服务两种接口供外部调用，开发者可以通过命令行或 HTTP 请求指示工具进行登录、预览、上传等操作。 传送门： "developers.weixin.qq.com/miniprogram…"
开发者工具提供了命令行与 HTTP 服务两种接口供外部调用，开发者可以通过命令行或 HTTP 请求指示工具进行登录、预览、上传等操作。 传送门："developers.weixin.qq.com/miniprogram…"
版权声明：本文为吴孔云博客原创文章，转载请注明出处并带上链接，谢谢。 https://blog.csdn.net/wkyseo/article/details/54313580
下载地址：https://github.com/electron/electron/releases/tag/v12.0.2
友情提示：推荐阅读时间10分钟 + 练习时间10分钟 上一期给大家分享了Gulp插件的安装与使用，只要掌握了Gulp插件安装的流程与配置，对于其他Gulp插件的使用基本上就没有太大的问题。毕竟Gulp的插件太丰富了，大家也没有太多的精力把所有的插件都去研究一遍。当一个网站进行改版升级的时候，会遇到静态资源版本更新的问题，那么对于前端开发工程师来说，该如何解决这个问题？所以今天要和大家一起探讨如何解决静态资源版本更新的问题和package.json的作用。 相关阅读：前端工程化 | 定制专属提速“外挂”（上）
第一次接触gulp，当参考各方资料翻译下来，感觉还不如自己总结一份来的流畅，所以这篇最后将自己的实践放在开始，将之前的原文与译文放在最后以供参考。
本文主要讨论一些进行Node.js开发的最佳实践和建议，这些建议不仅仅适合开发者，还适合那些管理与维护Node.js基础架构的工作人员。遵循本文提供的这些建议，能够让你更好的进行日常的开发工作。 Statement 原文地址：https://blog.risingstack.com/how-to-become-a-better-node-js-developer-in-2016/ 译者：景庄，Web开发者，主要关注JavaScript、Node.js、React、Docker等。 使用ES2015 在201
npm是什么，大家都应该很熟悉了。npm的常用命令很多，为了避免经常到npm官网查找，特将常用的npm命令整理下来。 npm install 包安装模块 本地安装 npm install expres
写好的、具有特定功能的、我们能直接使用的模块即第三方模块，由于第三方模块通常都是由多个文件组成并且被放置在一个文件夹中，所以又名包。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
