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 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 5
Summer

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

3年前 评论
jasonchang

@Summer 已改

3年前 评论
jasonchang

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

file

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

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

3年前 评论
Summer

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

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

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

3年前 评论

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

2年前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!