PHPer 有可能也会用到,撸 Node.js NPM gulp 使用 cnpm 的正确姿势

前置#

Nodejs npm cnpm 不多做介绍。前置需要知道 windows 环境变量,并且对 linux 有一定了解.

直接上方法: 先 linux 后 windows, mac ? 本人无 mac 但是猜想可以参考 linux.

Linux#

一。建立 shell 文件 cnpm#

windows 不同为了简单直接,我们直接把文件建立在 /usr/local/bin. (需要 root 权限)

编辑文件内容如下:

#!/usr/bin/env bash

export ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
export SQLITE3_BINARY_SITE=http://npm.taobao.org/mirrors/sqlite3
export SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass

/usr/bin/npm --registry=https://registry.npm.taobao.org --cache=~/.npm/.cache/cnpm --disturl=https://npm.taobao.org/dist --userconfig=~/.cnpmrc $*

二。赋予 cnpm 文件可执行权限.#

命令:

chmod +x /usr/local/bin/cnpm

三。使用 cnpm#

Alt Text

Windows#

一。建立命令文件 cnpm.bat.#

首先建立我们的命令文件 cnpm.bat 建立选择在一个非系统盘的目录,如: D:\Aliases\cnpm.bat

文件内容如下:

@echo off

set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
set SQLITE3_BINARY_SITE=http://npm.taobao.org/mirrors/sqlite3
set SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass

npm --registry=https://registry.npm.taobao.org --cache=%HOMEDRIVE%%HOMEPATH%\.npm\.cache\cnpm --disturl=https://npm.taobao.org/dist --userconfig=%HOMEDRIVE%%HOMEPATH%\.cnpmrc %*

注解:set 命令在将命令调用的参数传入 npm 之前设置环境变量。使 electron…… 这些包的安装一样可以走 npm 源。其他可用的源想添加请参照 cnpm mirrors

二。将创建的命令加入 windows 环境变量.#

以 win10 位例:

1) 开始按钮位置右键 > 点击 系统

Alt Text

2) 在新窗口中点击左侧 > 高级系统设置

Alt Text

3) 在新窗口中点击右侧 > 环境变量

Alt Text

4) 编辑系统变量 path, 双击即可

Alt Text

5) 类似图上将 cnpm.bat 文件添加到 path 环境变量.

Alt Text

三。使用 cnpm 命令#

Alt Text

好处?#

为什么不用 cnpm 官方的 npm 包?
好处与问题同在,cnpm 的包可能跟不上 npm 的更新速度,如之前 npm 更新到 3.* 而 cnpm 还在 2.* 无法使用 npm 3.* 新依赖解析。

另外附上本人小博 icoding.so,同步更新。

jasonchang
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 5
Summer

文章使用了 H1 无法解析,本页面的 H1 只为话题预留

8年前 评论
jasonchang

@Summer 已改

8年前 评论
jasonchang

@Summer 最近改动很多啊,收藏没有了 :sweat:, 想用 来替代?板块变动也很大.

file

这一部分 建议改 hover 事件吧,默认点击进入个人中心。

另外 搜索 功能还是搞站内吧,站外的真心不好用。

8年前 评论
Summer

是的,改动很大,收藏的事情见这里:https://phphub.org/topics/2545

是因为页面没加载完成吧?

站内搜索后面会加上,谢谢建议

8年前 评论

大大,在 windows 下设置了之后执行 npm install 报错:命令语法不正确

7年前 评论