node.js环境在Window和Mac中配置，以及安装cnpm和配置Less环境

Node.js 和cnpm安装

最近准备学习vue.js，但首先需要配置电脑的环境。配置node.js。

1.在node（https://nodejs.org/en/）官网上下载安装node.js，两个版本都可以。傻瓜式的安装，一路Next，直到安装完成。

2.提示安装完成，要在终端上查看，是否安装成功。此时就是如何打开window和mac的终端
Window：直接按window，并在搜索框出入cmd即可。

Mac：按cmmand+空格，接着会弹出一个搜索框。在这个框里直接输入终端即可。

此时输入npm -v ，node -v，可查看版本号，即为安装成功

2.安装镜像cnpm，因为npm安装其它插件很慢，需要考虑用淘宝镜像cnpm。

p.p1 { margin: 0; font: 11px Menlo; color: rgba(254, 254, 254, 1); background-color: rgba(0, 0, 0, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }

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

Mac：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

安装成功，输入cnmp -v，即可查到版本信息。

p.p1 { margin: 0; font: 11px Menlo; color: rgba(254, 254, 254, 1); background-color: rgba(0, 0, 0, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }

cnpm@6.0.0 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)

npm@6.4.1 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)

node@8.12.0 (/usr/local/bin/node)

npminstall@3.12.0 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)

prefix=/usr/local

darwin x64 17.2.0

registry=https://registry.npm.taobao.org

在此我在网上搜索的文档安装cnpm失败。
可能出现的问题在于输入的命令不正确。

当时我输入的命令是：error

解决方案：

首先输入以下命令并回车

1.  npm set registry https://registry.npm.taobao.org # 注册模块镜像
2.  npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像
3.  npm cache clean --force # 清空缓存

然后再运行  npm install -g cnpm --registry=https://registry.npm.taobao.org

️：如果是mac一定要加上sudo，不会然出现错误

未写sudo的错误

p.p1 { margin: 0; font: 11px Menlo; color: rgba(254, 254, 254, 1); background-color: rgba(0, 0, 0, 1) }
p.p2 { margin: 0; font: 11px Menlo; color: rgba(130, 130, 130, 1); background-color: rgba(0, 0, 0, 1) }
p.p3 { margin: 0; font: 11px Menlo; color: rgba(195, 55, 32, 1); background-color: rgba(0, 0, 0, 1) }
p.p4 { margin: 0; font: 11px Menlo; color: rgba(175, 173, 36, 1); background-color: rgba(0, 0, 0, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }

cnpm install -g less

Downloading less to /usr/local/lib/node_modules/less_tmp

Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/less_tmp'

npminstall version: 3.12.0

npminstall args: /usr/local/bin/node /usr/local/lib/node_modules/cnpm/node_modules/npminstall/bin/install.js --fix-bug-versions --china --userconfig=/Users/QQ/.cnpmrc --disturl=https://npm.taobao.org/mirrors/node --registry=https://registry.npm.taobao.org -g less

以上步骤已经安装好npm和cnpm环境。

 配置Less环境：

1. 配置less的方法有很多中，在此介绍一种使用node.js配置，并安装Less-plugin-clean-css。

p.p1 { margin: 0; font: 11px Menlo; color: rgba(254, 254, 254, 1); background-color: rgba(0, 0, 0, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }

sudo cnpm install -g less

2. 安装成功，输入 lessc -v 可查看版本信息

p.p1 { margin: 0; font: 11px Menlo; color: rgba(254, 254, 254, 1); background-color: rgba(0, 0, 0, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }

MacBook-Pro:~ QQ$ lessc -v

lessc 3.8.1 (Less Compiler) [JavaScript]

3. 下一步安装Less-plugin-clean-css

p.p1 { margin: 0; font: 11px Menlo; color: rgba(254, 254, 254, 1); background-color: rgba(0, 0, 0, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }

sudo npm install less-plugin-clean-css

此时已全部完成。

下一篇（Sublime-Text配置Less插件以及Sublime常用插件）我会写在sublime-text中如何配置less环境。

注意：我们在安装成功时总会有如下提示：

如何取消，只需复制最后一行命令，执行一下，即可

p.p1 { margin: 0; font: 11px Menlo; color: rgba(254, 254, 254, 1); background-color: rgba(0, 0, 0, 1) }
span.s1 { font-variant-ligatures: no-common-ligatures }

sudo chown -R $USER:$(id -gn $USER) /Users/QQ/.config