前端自动化系列(一)之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命令行使用的文章
白俊遥博客

白俊遥博客
请先登录后发表评论
  • latest comments
  • 总共16条评论
白俊遥博客

承接网站定制|seo优化 白俊遥博客

2018-01-22 04:03:38 回复

白俊遥博客

Alex :asd 

2017-09-03 12:15:25 回复

白俊遥博客

DDG2000 白俊遥博客

2017-05-05 17:01:00 回复

白俊遥博客

DDG2000 :好动要分享

2017-05-05 17:00:52 回复

白俊遥博客

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 :alert('123)

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

白俊遥博客

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

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

白俊遥博客 白俊遥博客

云淡风晴 :4.0.0还没正式发布的;你已经抢先升级了;;;

2016-10-23 10:13:43 回复

白俊遥博客

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

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

白俊遥博客 白俊遥博客

云淡风晴 :这还有个更能熬夜的;

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 回复

白俊遥博客 白俊遥博客

云淡风晴 :多谢认可;

2016-10-23 09:43:15 回复