前端自动化系列(一)之node.js、npm、cnpm - 白俊遥博客,技术博客,个人博客模板,php博客系统,设计模式

安宇雨 - 随手采集
2019-03-31 01:47:15
随手采集
0000-未整理-等待研究

本来只是想写一篇 thinkphp整合系列之使用gulp实现前端自动化；
但是发现这个必须从头展开来写个系列；
那么这篇文章主要是为了扫盲的；
旨在带领还在用原始开发方式的筒子们开始走进现代的前端；
专业前端可以跳过了；

node.js近年来火的一塌糊涂；
对于node.js的介绍；也不想到处搬网上的介绍了；
我简单的说几句；别怕；真的是只说几句；
node.js是一个运行在服务器端的JavaScript环境；
它让前端工程师冲破了浏览器的牢笼；
把魔爪伸向了后端；
我总是相信JavaScript是要统治web开发的世界的；
当然；这还需要给一定的成长时间；

这里；不是要讲解node.js怎么开发后端；
而是把它放在前端实现编译、压缩、合并、自动刷新能；
这个系列将逐条讲解这些的；相信我；花点时间；学习一下；
对于开发效率来说；绝对是很大的提升；
一次学习；终身受益；
不要怂；别被它吓着；
勇敢的开启新世界的大门吧；

首先是下载安装node.js；
这个过程略过不写了；能找到node.js官网就能搞定的事；
成功的标志就是在命令行敲下这两行代码；

node -v

Bash

Copy

查看npm版本：

npm -v

Bash

Copy

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

童鞋们可能发现了；这还有个npm；
npm是什么鬼呢？
简单点来理解；node.js就是一个软件；
那npm就是用来给node.js安装各种插件用的；
然鹅；由于你懂得的原因；
国内用npm那叫一个龟速啊；
万幸；阿里这个良心企业；给我等程序猿造福；
搞了一个npm的镜像叫cnpm；
传送门：淘宝npm镜像
使用方法也是灰常简单；
直接运行下面这行命令；

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

Bash

Copy

还记得上面说的龟速么？
恩；没错；去喝杯咖啡等着；然后回来接着操作吧；
安装成功后的标志就是；
运行下面这条命令；可以显示cnpm的版本

cnpm -v

Bash

Copy

以后用npm的时候；都改成cnpm即可；
node.js安装可以略过；但是更新不能；
node.js这个版本狂魔；最是喜欢有事没事加个tag；
一年逛两次node.js官网；每次都有新版本发布；

so；这里给出一个mac升级的方法；
当然；这个方法也是炒鸡简单的；
学以致用；先拿cnpm装个n；
n？没错；这个包就简单的一个字n；
对此我也不能一个服字了得；

cnpm install -g n

Bash

Copy

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

n 6.9.1

Bash

Copy

如果连最新的版本号都懒得查；
那直接上这条命令；

n latest

Bash

Copy

就是简单到这么惨无人道；
windows的话；去官网下载最新版覆盖安装吧；

好了；整个过程都是很轻松愉悦的；
也没啥技术难度；
喜欢探索的；可以去百度谷歌各种关于用法了；
没这功夫的懒人；也可以等我后续的系列文章；

对了；为了说明前端发展的变化之快；
这里插播一条消息；
在我们刚只用了一条npm命令的时候；
Facebook 最近搞了个yarn；
这是一个可能取代npm的包管理器；
有兴趣的自行google吧；
我要买个回城卷轴；回我的被窝了；
//_2016.10.23增加npm升级方法_**
顺便把npm的升级方法也贴上；
同样是一行代码的事；