简单介绍 scripts里面的 "start": "node app" npm run start 相当于 node app { "name": "5-npm-scripts", "version": "1.0.0", "description": "", "main": "app.js", "de…

npm 使用指南 因为有写关于node.js的配置的博客,还有node和gulp的前端信息配置使用,其中有很多命令都用到了npm.所以这里要着重介绍一下npm. 1 npm介绍 npm(mode package manager) 是node.js的包管理器,用于node插件管理(包括安装.卸载.管理依赖) 2 npm安装插件 命令提示符: npm install <name> --save-dev //项目开发所需要的模块 npm install <name> --save //项…

转载自:http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 本文介绍如何使用 npm 脚本(npm scripts). 一.什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. { // ... "scripts": { "build": "node build.…

安装nodejs https://nodejs.org/en/ 安装webpack和其他一些常用的 npm install -g node-gyp webpack coffee-script 监控 webpack -p --progress --dispaly-chunks --watch --color --config webpack.config.js using System; using System.IO; using System.Collections.Generic; usin…

Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 本文介绍如何使用 npm 脚本(npm scripts). 一.什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令: { // ... "scripts": { "build": "node build.js" } } 上面代码是package.json文件的一个片段,里面的scripts字段是一个对象.它的每一…

什么是npm脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. 初始化package.json -> npm init -> 经历一系列的问答即可 { // ... "scripts": { "build": "node start.js" } } 此时我们执行 npm run build 就等于执行 node start.js [npm脚本的优势] 项目的相关脚本都集中在一个地方 可以利用…

每个Nodejs项目的根目录下面,一般都会有一个package.json文件.该文件可以由npm init生成,定义了项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据). package.json文件内部就是一个JSON对象,该对象的每一个成员就是当前项目的一项设置. 基本字段 name 项目名称(npm包名).必需字段 version 项目版本.必需字段. 版本号的格式为"1.0.0",分别代表"主版本号.次版本号.修订号".它的递增规则如…

有则笑话,如此讲到:"老丈人爱吃核桃,昨天买了二斤陪妻子送去,老丈人年轻时练过武,用手一拍核桃就碎了,笑着对我说:你还用锤子,你看我用手就成.我嘴一抽,来了句:人和动物最大的区别就是人会使用工具.--".撇开这样特例场景,这句话还是非常用有道理的:毕竟从远古石器时期或更早,到如今,所言之语,所穿之衣,代步之车,所学的知识,所晓的常识.....皆是工具:可以说绝大部分人之间的差异(天才级除外),仅在于工具使用之优劣罢了.在工具的使用中,很多人极大程度上停留于会用层面,如若不遇到问题,几乎…

一.执行原理 安装npm 包,会将其package.json bin 字段添加到node_modules bin 里面,创建对应的.cmd文件,因此: 例如: "scripts":{ "test": "mocha" }npm run test => 等同于 ./node_modules/.bin/mocha然后:依旧是通过node 调用包bin字段对应的文件bin 文件第一行 #!/usr/bin/env node 二.传入参数 "…

在package.json的script里面我们可以写很多npm脚本,下面我来总结一下一些日常遇到的知识点: 1.npm_lifecycle_event npm 提供一个npm_lifecycle_event变量,返回当前正在运行的脚本名称,比如start.dev.test 2.并行和串行 npm脚本的并行和串行,如果我们想一条脚本跑多个命令我们就需要用到串行或并行了 串行: && 连接两条命令,先执行完前面一条再执行后面一条 并行: & 连接两条命令,同时执行前后两条命令(Win…

按顺序阅读 1.npm 模块管理器 2.package.json 文件 3.npm 模块安装机制简介 4.npm scripts 使用指南 5.CommonJS 规范 随着 es6 模块化特性的出现,慢慢的在线编译模块方案将被淘汰. 6.webpack 中文文档 7.webpack-demos 选读: es6 Module 的语法 npx 是什么 npx: npm 5.2.0 内置的包执行器 SPA(单页面 web 应用)和 MPA(多页面 web 应用)的区别 gulp 有哪些功能是 webp…

1.什么是npm脚本 在创建node.js项目如一个vue项目,或一个react项目时,项目都会生成一个描述文件package.json . 比如npm允许在package.json文件里面,使用scripts字段定义脚本命令. { //... "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "…

前端的项目往往依赖了很多打包.部署工具,比如grunt,gulp,webpack.....,在这么多打包.部署工具里,有这各自的命令,这样给项目带来了很多烦恼,不同的项目不同的命令,有没有办法统一接口呢?那么可以考虑把命令都封装到npm scripts里. 之前都是知道个大概,抽空索性都了解下. npm run npm run xxx,可以执行package.json里script对应的命令,并且是shell脚本.但是在执行的时候有一个小处理. npm run新建的这个 Shell,会将当前目录…

构建一个小项目——FlyBird,学习webpack和react.(本文成文于2017/2/25) 从webpack开始本篇从零开始,详细记录webpack的各个方面.文章中将会放入很多链接以便扩展,我也会归纳总结,不读扩展不会影响到对本文的理解,但是有时间还是看看吧. 声明: 在阅读本文列出的链接文章时,若遇到与本文不同的,因为文章的时效性问题—— 请以本文为标准 当前时间2017/2/26 在此之后出现的文章,读者请注意对比,自行判断 核心资料: webpack2官网doc中文版——小书 后…

01-nodejs介绍 1.什么是nodejs 1.(javascript跑在机器端,服务端)Javascript on the machine 2.(跑在谷歌v8引擎上)A runtime for Google Chrome's V8 Javascript engine 2.nodejs的使用 1.构建工具(gulp,webpack都要依赖nodejs)Build Tools and Utilities 2.(web应用,web服务端)Web Applications / Web Servic…

基于vue-cli快速构建 https://www.jianshu.com/p/2769efeaa10a   Vue是近两年来比较火的一个前端框架(渐进式框架吧),与reactjs和angularjs三国鼎立,我不是职业前端,做过Vue,了解了一下React,听说过Angluar.我只能这么说,我来晚了,没经历所有.闲话少说进入正题.       Vue是什么,是一套构建用户界面的渐进式框架(官网解释),什么叫渐进式框架呢,简单回答就是主张最少,这些概念只能自己去看,自己去理解,一千个读者一千个…

本文详细介绍如何部署NodeJS项目到阿里云ECS上,以及本人在部署过程中所遇到的问题.坑点和解决办法,可以说是全网最全最详细的教程了.同时讲解了如何申请阿里云免费SSL证书,以及一台ECS服务器配置多网站的Nginx配置方法等. 原文链接:http://www.kovli.com/2017/09/19/ecs-deploy/ 作者:Kovli 1. 云服务器选择 阿里云ECS是阿里巴巴旗下,目前国内最成熟稳定的云服务器提供商 本文基于阿里云ECS云服务器讲解,目前有个人版,企业版,学生版可以选…

package.json中的dependencies与devDependencies之间的区别 –save-dev 和 –save 的区别 我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如: –save-dev 安装的 插件,被写入到 devDependencies 对象里面去 –save 安装的 插件 ,被写入到 dependencies 对象里面去 devDependencies 是只会在开发环境下依赖的模块,生产环境…

前传 出于兴趣最近开始研究koa2,由于之前有过一些express经验,以为koa还是很好上手的,但是用起来发现还是有些地方容易懵逼,因此整理此文,希望能够帮助到一些新人. 如果你不懂javascript,建议你先去撸一遍红宝书javascript高级程序设计如果你不熟悉ES6,建议你先去撸一遍阮一峰老师的ECMAScript 6入门 因为我也是新人,我只是整理了我的学习经历,如何填平踩到的坑. 如果有读者发现我有写错的地方希望你能及时留言给我,别让我误导了其他新手. 本文的系统环境Mac OS…

Vue2.0搭建Vue脚手架(vue-cli) 在网上找了很多的搭建脚手架教程,但都不求甚解.终于找到2个比较好的教程,读者可对比阅读1和2,在这里分享给大家,希望对初学者有所帮助.ps:高手请绕道. 1.使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令 npm install --global vue-cli 安装完成后 cmd安装完成图 同时在C:\Users\Andminster\AppData\Roaming\npm目录下…

本文来自尚妆前端团队南洋 发表于尚妆github博客,欢迎订阅! 前言 尚妆大前端团队使用 weex 进行三端统一开发有一段时间了,截止本文发表「达人店」APP大部分页面都已经用 weex 进行了重构,在此期间也积累了一些基础组件和业务组件. 之前维护组件的方式是在达人店项目的工程内维护一个 components 文件夹,随日常开发迭代,并行需求与开发人员的增多,这种维护方式也暴露出一些问题. 1.开发人员可以随意跟随需求开发修改 components 内的组件,破坏约定好的规范,或埋入 bug…

Vue是近两年来比较火的一个前端框架(渐进式框架吧),与reactjs和angularjs三国鼎立,我不是职业前端,做过Vue,了解了一下React,听说过Angluar.我只能这么说,我来晚了,没经历所有.闲话少说进入正题. Vue是什么,是一套构建用户界面的渐进式框架(官网解释),什么叫渐进式框架呢,简单回答就是主张最少,这些概念只能自己去看,自己去理解,一千个读者一千个哈姆雷特,不过多的解释.Vue官方文档 很全面的. Vue两大核心思想,组件化和数据驱动,组件化就是将一个整体合理拆分为一…

npm使用指南 作者:chszs,未经博主同意不得转载.经许可的转载需注明作者和博客主页:http://blog.csdn.net/chszs npm介绍 npm全称为Node Package Manager.是一个基于Node.js的包管理器,也是整个Node.js社区最流行.支持的第三方模块最多的包管理器.至今,npm已经管理约24万个由开发人员.公司和社区创建的模块. npm使用方法 npm的使用非常easy,记住下面命令就可以非常好地使用它. npm init 执行构建新项目的向导 np…

4.1 核心模块与文件模块 / 574.2 从模块外部访问模块内的成员 / 58 4.2.1 使用exports对象 / 58 4.2.2 将模块定义为类 / 58 4.2.3 为模块类定义类变量或类函数 / 614.3 组织与管理模块 / 61 4.3.1 从node_modules目录中加载模块 / 61 4.3.2 使用目录来管理模块 / 62 4.3.3 从全局目录中加载模块 / 624.4 模块对象的属性 / 634.5 包与npm包管理工具 / 65 4.5.1 Node.js中的包…

前言 SpreadJS作为一款性能出众的纯前端电子表格控件,自2015年发布以来,已经被广泛应用于各领域“在线Excel”数据管理项目中.NPM,作为管理Node.js库最有力的手段,解决了很多NodeJS代码部署的问题. 如今,为让您更方便的使用产品和更好地管理项目中的SpreadJS代码,我们已将SpreadJS应用打包发布到了NPM服务器.如您需要,请点击查看(需要FQ) NPM简介 也许您刚刚接触前端开发,或者刚刚使用NodeJS.NPM对于您来说,可能会感到些许陌生.这里,是NPM的简…

[阮一峰npm scripts基本教程] [rimraf 跨平台删除文件] [ts-loader 安装问题] [nvm 安装使用] [npm镜像的问题] [webpack 如何引入jquery]webpack externals用法 [typescript 如何引入jquery]…

什么是 NPM npm 之于 Node ,就像 pip 之于 Python , gem 之于 Ruby , pear 之于 PHP . npm 是 Node 官方提供的包管理工具,他已经成了 Node 包的标准发布平台,用于 Node 包的发布.传播.依赖控制.npm 提供了命令行工具,使你可以方便地下载.安装.升级.删除包,也可以让你作为开发者发布并维护包. 为什么要使用 NPM npm 是随同 Node 一起安装的包管理工具,能解决 Node 代码部署上的很多问题,常见的场景有以下几种: 允…

前段时间,我们邀请了我们“城内”(葡萄城)资深开发工程师刘涛为大家分享了一次干货满满的关于Electron线上公开课,在课程过程中有不少同学对于NPM的概念和用法有一些疑问,所以这次我们希望通过这篇文章来解答各位同学的问题.另外在介绍的基础上,我们还会适当的深入介绍下,如何在npm上发布第一个属于自己的包.那么,让我们马上开始吧! 得益于Node.js的模块化生态系统,我们基本上可以把NPM认为是任何Node项目的基础组成的一部分.但实际上,我们甚至可以说NPM是Node.js开发人员在开发者社…

一.npm简介 安装npm请阅读我之前的文章Hello Node中npm安装那一部分,不过只介绍了linux平台,如果是其它平台,有前辈写了更加详细的介绍. npm的全称:Node Package Manager. ####(1)通俗的理解 其实从字面意思就可以理解这个产品有什么作用翻译为“Node包管理器”.对,就是Node的包的一个管理工具,目前我尝试的有 下载并安装包(npm install [pkg]) 升级安装包(npm update [pkg]) 卸载安装包(npm uninstal…

React无疑是今年最火的前端框架,github上的star直逼30,000,基于React的React Native的star也直逼20,000.有了React,组件化似乎不再步履蹒跚,有了React Native,前端的边界似乎广阔无边.而Webpack凭借它异步加载和可分离打包等优秀的特性,走在取代Grunt和Gulp的路上.而面向未来的ES6,模块化的支持似乎已成定局. 我们现在就可以打造自己的Webpack+React+ES6环境并且开始探索起来. 这篇文章就给还没走在这条路上的前端一…