全部文章
JavaScript
CSS
Vue.js
npm
Node.js
Webpack
Apache
PHP
MySQL
App开发
HTTP
RESTful API
Git
数据结构和算法
正则表达式
Windows
CentOS
macOS
微信支付宝
FFmpeg
UI 设计
PS 手绘
Adobe 全家桶
大杂烩
browser-sync 浏览器自动刷新
安装npm install -g browser-sync
监控静态网站如果您想要监听.css文件, 您需要使用服务器模式。 BrowserSync 将启动一个小型服务器，并提供一个URL来查看您的网站。// --files 路径是相对于运行该命令的项目（目录）
browser-sync start --server --files "css/*.css"
// 监听css和html文件
browser-sync start --server --files "css/*.css, *.html"
//或者
browser-sync start --server --files
node-sass 安装失败 gyp ERR! stack Error: EACCES: permission denied, mkdir '.../node-sass/build'
安装 node-sasssudo npm i -g node-sassnode-sass 安装失败：gyp ERR! stack Error: EACCES: permission denied, mkdir '.../node-sass/build'或gyp ERR! configure errorgyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/node-sass/.node-gyp'gyp ERR! System Darwin 18.7.0使用 --unsafe-perm
npx 是什么？
npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。
举例：使用create-react-app创建一个react项目。
老方法：
npm install -g create-react-app
create-react-app my-app
npx方式：
npx create-react-app my-app
这条命令会临时安装 create-react-app 包，命令完成后create-react-app 会删掉，不会出现在 global 中。下次再执行，还是会重新临时安装。
npx 会帮你执行依赖包里的二进
url-loader
将图片文件转换为base64编码并载入浏览器能够减少http请求数，但是增大了js或html文件的体积，如果图片在项目中的重用度较高，那么每处引用都会生成base64编码，造成了代码的冗余。通过http请求载入到浏览器的文件可以缓存到本地，当图片在项目中的重用度较高时，会为图片的访问增加缓存的便利性，下次访问更快。因此要平衡考虑。
Install
npm install --save-dev url-loader
Usage
url loader与file loader的工作方式相似，但如果文件的体积比byte limit小，就能返回Data Url。
需要用一个查询参数（qu
npm更新所有模块同步到package.json中
模块检查更新
生成工程后，一段时间很多模块都有更新，如何把工程中的模块都更新到最新的呢。 npm update一次只能更新一个包
首先我们先通过命令查看下需要更新的版本：
npm outdated
npm outdated 会列出所有可更新的 node_modules，如下：
Package Current Wanted Latest Location
autoprefixer 6.7.2 6.7.2 7.1.2 vue-test
babel-core 6.22.1 6.22.1 6.2
npm install 生成的package-lock.json是什么文件？
前段时间升级了Node.js，现在执行`npm install`的时候，就会在当前目录生成一个`package-lock.json`的文件。
package.json里面定义的是版本范围（比如^1.0.0），具体跑npm install的时候安的什么版本，要解析后才能决定，这里面定义的依赖关系树，可以称之为逻辑树（logical tree）。node_modules文件夹下才是npm实际安装的确定版本的东西，这里面的文件夹结构我们可以称之为物理树（physical tree）。安装过程中有一些去重算法，所以你会发现逻辑树结构和物理树结构不完全一样。
package-l
npm err Cannot read property '0' of undefined
Having the same issue on npm 5.4.2. Initially I tried npm cache clear --force but it did not resolve my issue. Removing package-lock.json didn't either.
Removing both node_modules and package-lock.json worked:
rm-rfnode_modules/
rmpackage-lock.json
#InstallandaddthepackageIwantedtoin
npm warn package.json @1.0.0 no repository field
看字面意思大概是package.json里缺少repository字段，也就是说缺少项目的仓库字段
{
...
"repository": {
"type": "git",
"url": "http://baidu.com"
},
...
}
但作为测试项目或者练习用，只需在package.json里面做如下配置即可:
{
...
"private": true,
...
}
以这种方式把项目声明为私有。
一文看懂npm、yarn、pnpm之间的区别
本文作者对比了当前主流的包管理工具npm、yarn、pnpm之间的区别，并提出了合适的使用建议，以下为译文：
NPM
npm是Node.js能够如此成功的主要原因之一。npm团队做了很多的工作，以确保npm保持向后兼容，并在不同的环境中保持一致。
npm是围绕着语义版本控制（semver）的思想而设计的，下面是从他们的网站摘抄过来的：
给定一个版本号：主版本号.次版本号.补丁版本号， 以下这三种情况需要增加相应的版本号:
主版本号： 当API发生改变，并与之前的版本不兼容的时候
次版本号： 当增加了功能，但是向后兼容的时候
补丁版本号： 当做了向后兼容的缺陷修
NPM小结
nodejs的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。
随着一系列基于nodes的应用/工具的出现，工作中与nodejs打交道的机会越来越多。无论在node应用的开发，还是使用中，包管理都扮演着一个很重要的作用。NPM（node package manager），作为node的包管理工具，极大地便利了我们的开发工作，很有必要了解一下。
NPM是什么
NPM（node package manager），通常称为node包管理器。顾名思义，它的主要功能就是管理node包，包括：安
nodejs npm常用命令
npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。npm install express
默认会安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install express@3.0.6
npm install -g
将包安装到全局环境中但是代码中，直接通过require()的方
npm国内镜象设置的三种方法
镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:
1.通过config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore （如果上面配置正确这个命令会有字符串response）
2.命令行指定
npm --registry https://registry.npm.taobao.org info underscore
3.编辑 ~/.npmrc 加入下面内容
registry = https://registry.npm.
