前端自动化系列(一)之node.js、npm、cnpm

本来只是想写一篇 thinkphp整合系列之使用gulp实现前端自动化;

但是发现这个必须从头展开来写个系列;

那么这篇文章主要是为了扫盲的;

旨在带领还在用原始开发方式的筒子们开始走进现代的前端;

专业前端可以跳过了;


node.js近年来火的一塌糊涂;

对于node.js的介绍;也不想到处搬网上的介绍了;

我简单的说几句;别怕;真的是只说几句;

node.js是一个运行在服务器端的JavaScript环境;

它让前端工程师冲破了浏览器的牢笼;

把魔爪伸向了后端;

我总是相信JavaScript是要统治web开发的世界的;

当然;这还需要给一定的成长时间;


这里;不是要讲解node.js怎么开发后端;

而是把它放在前端实现编译、压缩、合并、自动刷新能;

这个系列将逐条讲解这些的;相信我;花点时间;学习一下;

对于开发效率来说;绝对是很大的提升;

一次学习;终身受益;

不要怂;别被它吓着;

勇敢的开启新世界的大门吧;


首先是下载安装node.js;

这个过程略过不写了;能找到node.js官网就能搞定的事;

成功的标志就是在命令行敲下这两行代码;

node -v

查看npm版本:

npm -v

能正常显示安装的版本号就OK了;


童鞋们可能发现了;这还有个npm;

npm是什么鬼呢?

简单点来理解;node.js就是一个软件;

那npm就是用来给node.js安装各种插件用的;

然鹅;由于你懂得的原因;

国内用npm那叫一个龟速啊;


万幸;阿里这个良心企业;给我等程序猿造福;

搞了一个npm的镜像叫cnpm;

传送门:淘宝npm镜像

使用方法也是灰常简单;

直接运行下面这行命令;

npm install -g cnpm --registry=https://registry.npm.taobao.org

还记得上面说的龟速么?

恩;没错;去喝杯咖啡等着;然后回来接着操作吧;


安装成功后的标志就是;

运行下面这条命令;可以显示cnpm的版本

cnpm -v

以后用npm的时候;都改成cnpm即可;


node.js安装可以略过;但是更新不能;

node.js这个版本狂魔;最是喜欢有事没事加个tag;

一年逛两次node.js官网;每次都有新版本发布;

so;这里给出一个mac升级的方法;

当然;这个方法也是炒鸡简单的;

学以致用;先拿cnpm装个n;

n?没错;这个包就简单的一个字n;

对此我也不能一个服字了得;

cnpm install -g n

成功后;比如说想升级到6.9.1

n 6.9.1

如果连最新的版本号都懒得查;

那直接上这条命令;

n latest

就是简单到这么惨无人道;

windows的话;去官网下载最新版覆盖安装吧;


好了;整个过程都是很轻松愉悦的;

也没啥技术难度;

喜欢探索的;可以去百度谷歌各种关于用法了;

没这功夫的懒人;也可以等我后续的系列文章;


对了;为了说明前端发展的变化之快;

这里插播一条消息;

在我们刚只用了一条npm命令的时候;

Facebook 最近搞了个yarn;

这是一个可能取代npm的包管理器;

有兴趣的自行google吧;

我要买个回城卷轴;回我的被窝了;


//***********************2016.10.23增加npm升级方法*******************

顺便把npm的升级方法也贴上;

同样是一行代码的事;

npm install npm@latest -g

//***********************2016.10.27补充*******************

为了windows下的命令行问题;

我这里单独开了一篇扫盲文章;

插播一篇windows下git bash命令行使用的文章

白俊遥博客

白俊遥博客
请先登陆后发表评论
  • 最新评论
  • 总共9条评论
白俊遥博客

LIUDONG白俊遥博客

2016-11-04 10:08:47 回复

白俊遥博客

′ Soulmate:还不错

2016-10-27 20:21:03 回复

白俊遥博客

幽谷清风:赞

2016-10-26 00:53:29 回复

白俊遥博客

Pmd:嘿嘿嘿,请忽略上一条

2016-10-23 19:25:30 回复

白俊遥博客

Pmd:<script>alert('123)</script>

2016-10-23 19:25:05 回复

白俊遥博客

Eliyahr:有个很奇怪的问题,错误提示上有说加下sudo 来执行命令,但我在npm 还是3.10.8的时候还是会报错,升到4.0.0就可以了

2016-10-23 01:20:55 回复

白俊遥博客
  • 云淡风晴 回复 Eliyahr:4.0.0还没正式发布的;你已经抢先升级了;;;
  • 2016-10-23 10:13:43 回复
白俊遥博客

Eliyahr:可以了,我把npm升级到最新的 4.0.0版本就可以安装 n 了,我也买个回城卷轴白俊遥博客

2016-10-23 01:17:59 回复

白俊遥博客
  • 云淡风晴 回复 Eliyahr:这还有个更能熬夜的;
  • 2016-10-23 10:01:35 回复
白俊遥博客

Eliyahr白俊遥博客我是用 brew 安装的node 然后按你的方法,升级用阿里的命令出错,于是 用npm install -g n 报下面的: /usr/local/lib └── n@2.1.4  npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "n" npm ERR! node v6.9.1 npm ERR! npm  v3.10.8 npm ERR! path /usr/local/lib/node_modules/.staging/abbrev-acd643c5 npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall rmdir npm ERR! Error: EACCES: permission denied, rmdir '/usr/local/lib/node_modules/.staging/abbrev-acd643c5' npm ERR!     at Error (native) npm ERR!  { Error: EACCES: permission denied, rmdir '/usr/local/lib/node_modules/.staging/abbrev-acd643c5' npm ERR!     at Error (native) npm ERR!   errno: -13, npm ERR!   code: 'EACCES', npm ERR!   syscall: 'rmdir', npm ERR!   path: '/usr/local/lib/node_modules/.staging/abbrev-acd643c5' } npm ERR!  npm ERR! Please try running this command again as root/Administrator. npm ERR! Please include the following file with any support request: npm ERR!     /Users/zhaof/npm-debug.log可以帮我看看吗

2016-10-23 00:31:46 回复

白俊遥博客

AI了个瓜:专门在火狐存了个标签叫大神博客,隔段时间来学习,大神发的文章通俗易懂,太适合我这种菜鸟了,希望俊遥大神继续更,我继续学习白俊遥博客

2016-10-22 10:50:42 回复

白俊遥博客
  • 云淡风晴 回复 AI了个瓜:多谢认可;
  • 2016-10-23 09:43:15 回复