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,即可查到版本信息。
[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
解決方案:
首先輸入以下命令並回車
- npm set registry https://registry.npm.taobao.org # 註冊模塊鏡像
- npm set disturl https://npm.taobao.org/dist # node-gyp 編譯依賴的 node 源碼鏡像
- 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環境