cmd 运行命令行启动之后，可通过输入命令 node -v 和 npm -v 分别查看 NodeJS 和 npm 版本号，显示版本号即为成功安装npm 介绍npm (Node Package Manager...) 是随同 NodeJS 一起安装的包管理工具，用于 node 插件管理，包括插件的安装、卸载、管理依赖等在命令行中执行 npm install [-g] [--save-dev] 命令即可使用... [-g] [--save-dev] 命令，而不要直接删除本地插件包，借助 rimraf 可以删除所有的插件包，通过命令 npm install rimraf -g 安装 rimraf 之后...gulp -g 全局安装 gulp，Mac 用户如果安装失败，可加上 sudo 指令，使用管理员权限进行安装 sudo npm install gulp -g然后我们创建一个 gulp 目录，在该目录下运行...，我们还定义了一个 default 默认任务，这对 Gulp 来说是必须的，当我们输入 gulp 命令时，将会自动执行 default 任务，在上面这个例子中，我们先是执行了 less 任务，再执行了
），使用npm install命令可以根据dependencies配置安装所有的依赖包 npm install 本地安装和全局安装 npm install webpack npm install webpack...系统在默认的浏览器或者默认的编辑器中打开本地nodejs安装包的文件/nodejs/node_modules/npm/html/doc/cli/npm-install.html npm help install...文件scripts的start字段中，可以自定义命令来配置一个服务器环境和安装一系列的必要程序，如 "scripts": { "start": "gulp -ws" } 此时在cmd中输入npm...，如 "scripts": { "test": "gulp release" }, 此时在cmd中输入npm test命令相当于执行gulpfile.js文件自定义的release命令。...name 在package.json中最重要的就是name和version字段。他们都是必须的，如果没有就无法install。name和version一起组成的标识在假设中是唯一的。
打开cmd命令行 2.输入 node -v 3.输入 npm -v 4. npm install gulp -g //安装全局gulp 5.Gulp -v //测试是否安装gulp 6.本地安装...在cmd命令行输入 npm install gulp-uglify –save-dev //安装 gulp-uglify 插件 随后在gulpfile.js的文件中输入如下 （即将插件引入） *...在cmd中输入 npm install gulp-concat –save-dev //安装gulp-concat 插件 随后在gulpfile.js的文件中输入 const concat = require...gulp-rename 插件 在cmd命令行输入 npm install gulp-rename –save-dev //安装gulp-rename 插件 待安装完成后 在gulpfile.js...命令行输入** gulp watchall ⑥ 压缩css 使用Gulp-minify-css 插件 在cmd命令行中输入 npm install gulp-minify-css –save-dev
install gulp --save-dev npm install electron-connect -save-dev 项目根目录添加gulpfile.js文件 const gulp = require...运行 使用npm run hot即可运行项目 npm run hot 经测试 修改主进程文件，会自动重启窗体； 修改HTML/CSS文件，会自动刷新页面； gulp+electron-reload...安装依赖 npm install gulp --save-dev npm install electron-reload --save-dev 添加下面代码到main.js的最下面 const {app...\\node_modules\\.bin\\gulp watch:electron", }, 运行项目 npm run start npm run hot 我们分别运行项目的启动和自动webpack的脚本...这样的好处 需要热加载的时候我们再启动npm run hot 不同逐个添加要更新的窗口 当然我们也可以在gulp中启动electron，可以使用electron-connect或自己实现 自己实现的效果不是特别好
JS由ES（ECMAScript），DOM，BOM 组成，目前运行在浏览器内核中，NODE中只能运行ECMAScript，无法使用DOM，BOM。 NODE就是一个JS运行环境。...然后继续在命令中输入： npm install npm -g 回车后会发现正在下载npm包，在C:\dev\nvm\npm目录中可以看到下载中的文件，以后我们只要用npm安装包的时候加上 -g 就可以把包安装在我们刚刚配置的全局路径下了...，然后再命令行中执行 npm install gulp 如果想在安装的时候吧gulp写进项目package.json文件的依赖中，则可以加上--save-dev gulp npm install --save-dev...，下面几个是 常用插件安装命令 Less编译成css：npm install gulp-less --save-dev 合并：npm install gulp-concat --save-dev Js混淆...--save-dev 浏览器同步刷新：npm install browser-sync --save-dev 编译 Less：gulp-less 编译 Jade: gulp-jade 创建本地服务器：
script 命令行，自定义的npm脚本，npm 内置了两个简写的命令：npm test 和 npm start，其它命令要写成 npm run xxx 形式，这个对象中的键值对键名代表npm脚本的命令...install命令时，将会根据此对象中的属性来安装依赖。...npm install --save app： 将产品运行时（或生产环境）需要的依赖模块添加到 package.json 的 dependencies 中，在发布后还需要继续使用，否则就运行不了 npm...install --save-dev app：将产品的开发环境需要的依赖模块添加到 package.json 的 devDependencies 中，只在开发时才用到，发布后用不到它。...//安装插件 npm install gulp-imagemin --save-dev //图片压缩 npm install gulp-cssnano --save-dev //css压缩 npm install
它的安装命令如下。...这意味着，如果项目要运行，全局环境必须有Babel，也就是说项目产生了对环境的依赖。另一方面，这样做也无法支持不同项目使用不同版本的Babel。 一个解决办法是将babel-cli安装在项目之中。...它的安装命令如下。 $ npm install babel-core --save 然后，在项目中就可以调用babel-core。...① 在项目中安装 gulp执行： npm install gulp --save-dev ② 安装转码规则： npm install --save-dev gulp-babel babel-preset-es2015....pipe(gulp.dest("lib")); }) 当我们在当前项目目录下运行 gulp 命令后，会发现原本在src文件夹中的a.js(按照ES6标准编写的)文件已经被转码成ES5标准的a.js
这时，团队中的小伙伴是选择直接去组件的官网上下载，还是图省事直接在网上搜索，然后从一些来源不明的地方下载，我们就无法管控了。...当我们从别处拷贝这个项目后，通过执行 npm install 命令，就会根据这个配置文件，自动下载项目中所需要引用的前端组件包。 ? ...//gulp.js npm install gulp --save-dev //压缩 css npm install gulp-clean-css --save-dev //合并文件 npm install...gulp-concat --save-dev //压缩 js npm install gulp-uglify --save-dev //重命名 npm install gulp-rename --...save-dev //删除文件、文件夹 npm install rimraf --save-dev //监听文件变化 npm install gulp-changed --save-dev 安装完成后的
Gulp安装流程、使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结 一、名词介绍： Npm——node包管理工具 一开始我不理解，包管理工具是什么鬼。...比如我的项目放在了D盘的test文件夹中，那我的本地目录就是：D:\test 二、安装流程： 1．Node环境安装 2．Npm- 3．...PS：未能出现版本号，请尝试注销电脑重试； npm -v查看npm的版本号，npm是在安装nodejs时一同安装的nodejs包管理器， 最后出现版本号就是装上了。 ? ...扩展：npm install --production只下载dependencies节点的包 7．安装局部gulp 安装命令： cnpm install gulp --save-dev（或者npm...9．安装gulp插件 安装命令：cnpm install 替换插件名称 --save-dev（或者npm install 替换插件名称 --save-dev） 这里呢，你需要什么gulp插件就去命令行里装
npm install命令，使用Node Package Manager（npm）来安装Gulp。 -g标志代表这个安装时全局安装到你的电脑上，这就运行你在电脑的任何地方都能使用gulp。...npm-init.png 一旦package.json文件创建后，我们可以使用下面命令行，在项目中安装Gulp $npm install gulp --save-dev 这时候，我们就将Gulp安装到项目里了...你也可以在命令行中运行相同的任务，通过gulp task-name 为了测试它，让我们创建一个hello任务，来说Hello Zell!...你可以安装gulp-sass到你的项目中，通过使用以下命令 $ npm install gulp-sass --save-dev 在我们使用插件之前，我们需要从node_moudles文件夹中require...我们首先要安装Browser Sync： $ npm install browser-sync --save-dev 你或许会注意到，当我们安装Browser Sync时，没有gulp-前缀。
注册表 是一个巨大的数据库，保存了每个包（package）的信息。 CLI 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。...(本地) npm install @version #将包安装到全局环境中 npm install -g # 根据package.json...文件安装 npm install 卸载依赖包 npm uninstall npm uninstall gulp --save-dev #卸载开发版本的模块 安装生产阶段的依赖包...gulp --save-exact 或 npm install gulp -E 输入命令npm install gulp -ES，留意package.json 文件的 dependencies字段，以看出版本号中的...你可以通过它使用全世界开发者的代码， 或者分享自己的代码。 从 npm 安装软件包并保持相同的包管理流程。 特点： 速度超快。 Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。
在安装或者卸载第三方模块时，还有本地安装和全局安装的选项。...在实际开发中，通常都会将库文件这种第三方模块进行本地安装，将命令行工具这种第三方模块进行全局安装。 4 Node.js常用开发工具 在Node.js中提供了常用的开发工具来帮助开发人员提高工作效率。...因为npm中的第三方模块默认的下载地址在国外，在国内下载速度比较慢，有失败的可能。...全局安装gulp-cli gulp-cli是gulp的命令行工具，它需要全局安装，以便gulp能够在命令提示符中直接运行。...开发依赖使用“npm install 包名 --save-dev”命令安装，“--save-dev”参数将包添加到package.json文件的devDependencies选项中。
使用如下命令安装临时gulp与插件 npm install 这个命令可以说是下面这两行命令的缩写： npm install gulp --save-dev npm install gulp-sass -...-save-dev npm install会自动检索所在目录下package.json中在dependencies配置的依赖模块并下载安装。...一旦在项目的根目录中，你可以使用以下命令安装所需的所有插件。 npm install 此命令读取package.json文件并安装所需的所有依赖项。...我们在这里使用“npm install”作为下面这些命令的缩写： npm install gulp --save-dev npm install gulp-sass --save-dev “-save-dev...此时您可以运行第一个任务。运行以下命令并观察，/ scss文件夹中的所有SCSS文件都将编译到相应目录中的CSS中： gulp scss 请注意，在本示例中，我们指定了要运行的任务。
安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1、去nodejs官网安装nodejs 2、打开命令行，OSX是终端，...windows是命令提示符（window + r 输入cmd回车） 3、使用npm（nodejs的包管理器），或选装cnpm执行npm install cnpm -g --registry=https:...//registry.npm.taobao.org 4、全局安装gulp：(c)npm install gulp -g 5、新建package.json到项目根目录【非必选】（josn文件需删除注释，此用来记录项目信息和配置初始插件...": "^3.8.11", 17 "gulp-less": "^3.0.0" 18 } 19 } 6、本地项目安装，命令行定位项目目录后执行：(c)npm install --save-dev...（根据package.json的配置，安装组件到项目） 若忽略第五步，则这里只执行：(c)npm install gulp --save-dev（仅安装gulp到项目） 7、安装需要的gulp组件
配置教程 安装Gulp插件：在博客根目录[Blogroot]打开终端，输入： npm install --global gulp-cli #全局安装gulp指令集 npm install gulp --...压缩 HTML： npm install gulp-htmlclean --save-dev npm install gulp-html-minifier-terser --save-dev # 用gulp-html-minifier-terser...可以压缩HTML中的ES6语法 压缩 CSS： npm install gulp-clean-css --save-dev 压缩 JS Butterfly 主题文档提供了两种压缩 JS 的插件方案。...npm install gulp-uglify --save-dev npm install gulp-babel @babel/core @babel/preset-env --save-dev 方案二...而本地测试时，如果没有运行 gulp，自然也就不会输出压缩字体包到 public 目录，也就看不到字体样式。
基本环境好了后需要安装webpack插件： npm install webpack --save-dev 接下来就是写一个demo验证了。...PS：未能出现版本号，请尝试注销电脑重试； npm -v查看npm的版本号，npm是在安装nodejs时一同安装的nodejs包管理器，那它有什么用呢？...； 注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误； 注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm（以下操作将以cnpm...7、本地安装gulp插件 7.1、安装：定位目录命令后提示符执行cnpm install –save-dev； 7.2、本示例以gulp-less为例（编译less文件），命令提示符执行cnpm install...、为了能正常使用，我们还得本地安装gulp：cnpm install gulp –save-dev； PS：细心的你可能会发现，我们全局安装了gulp，项目也安装了gulp，全局安装gulp是为了执行
npm install -g gulp 安装成功后就可以在命令行输入gulp相关的命令了 ? 安装成功后，输入gulp -v 查看版本 ?...在项目中安装 npm install --save-dev gulp，安装成功后就可以开始写配置文件了。...环境开发 vscode nodejs gulp gulp入门 npm init 项目初始化 ，此时根目录会出现package.json npm install gulp --save-dev 在本地项目局部安装...压缩css npm install gulp-cssnano --save -dev 在本地项目安装gulp-cssnano 新建一个css文件夹，在新建index.css *{ margin...--save-dev 在本地项目安装 gulpfile.js代码修改如下 var gulp = require('gulp'); // 需要先安装gulp-cssnano var cssnano =
超级有用的类库；众所周知js是单线程的，运用此类库可以： 保证任务按顺序执行，让gulp任务，可以相互独立，解除任务间的依赖，增强task复用；对于复杂的操作非常有用；安装: npm install...--save-dev gulp-sequence gulp-sftp：上传本地文件到FTP 个人觉得这个插件太好了。...spritesmith库； npm install --save-dev gulp.spritesmith spritesmith 当然安装的时候极有可能出现问题（Win下）；比如，安装的类库无法使用...，并且也删除（指定的路径或文件名太长）；额，这是一个超蛋疼的问题；也是在尝试几次后才成功(没闹明白失败和成功的原因)；至于删掉那坏的类库，最后也是采用将部分剪切出去或者手动rename致使路径变短些才得以干掉它...('build')); 这个插件很有作用，它可以用来遍历gulp.src()指定的那些文件；利用这个特性，以及npm下自带的path插件，即可获取到每个文件的文件名；在特定场景需求里，它帮了我很大忙。
基本环境好了后需要安装webpack插件： npm install webpack --save-dev 接下来就是写一个demo验证了。...PS：未能出现版本号，请尝试注销电脑重试； npm -v查看npm的版本号，npm是在安装nodejs时一同安装的nodejs包管理器，那它有什么用呢？...； 注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误； 注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm（以下操作将以cnpm...7、本地安装gulp插件 7.1、安装：定位目录命令后提示符执行cnpm install –save-dev； 7.2、本示例以gulp-less为例（编译less文件），命令提示符执行cnpm install...，我们还得本地安装gulp：cnpm install gulp –save-dev； PS：细心的你可能会发现，我们全局安装了gulp，项目也安装了gulp，全局安装gulp是为了执行gulp任务，本地安装
把目录切换到你的项目文件夹中，然后在命令行中执行： npm install gulp 如果想在安装的时候把gulp写进项目package.json文件的依赖中，则可以加上--save-dev： npm...至于为什么在全局安装gulp后，还需要在项目中本地安装一次，有兴趣的可以看下stackoverflow上有人做出的回答：why-do-we-need-to-install-gulp-globally-and-locally...文件的目录(windows平台请使用cmd或者Power Shell等工具)，然后在命令行中执行gulp命令就行了，gulp后面可以加上要执行的任务名，例如gulp task1，如果没有指定任务名，则会执行任务名为...4.2 重命名 使用gulp-rename 安装：npm install --save-dev gulp-rename 用来重命名文件流中的文件。...，而且它本身也有很多插件，建议去它的项目主页看看文档 4.10 自动刷新 使用gulp-livereload插件，安装:npm install --save-dev gulp-livereload。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
