node.js環境在Window和Mac中配置，以及安裝cnpm和配置Less環境 Sublime-Text配置Less插件以及Sublime經常使用插件

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