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。

 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，即可查到版本信息。

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的錯誤

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。

sudo cnpm install -g less

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

 MacBook-Pro:~ QQ$ lessc -v

 lessc 3.8.1 (Less Compiler) [JavaScript]

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

sudo npm install less-plugin-clean-css

此時已全部完成。

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

注意：我們在安裝成功時總會有如下提示：

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

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