1. 程式人生 > >node.js環境在Window和Mac中配置,已經安裝cnpm和配置Less環境

node.js環境在Window和Mac中配置,已經安裝cnpm和配置Less環境

use usr 版本 htm args gin targe mpi ffffff

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

[email protected] (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)

[email protected] (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)

[email protected] (/usr/local/bin/node)

[email protected] (/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

node.js環境在Window和Mac中配置,已經安裝cnpm和配置Less環境