13 个 你不得不知道的 npm 快速开发技巧

来源 | http://www.fly63.com/article/detial/4015

主要内容

• 学习基本快捷方式
• 设置默认npm init属性
• 让脚本跨平台兼容
• 并行运行脚本
• 在不同的目录中运行脚本
• 延迟运行脚本直到端口准备就绪
• 列出并选择可用脚本
• 运行前后脚本
• 控制应用程序版本
• 从命令行编辑package.json
• 自动设置和打开你的github库
• 自定义npm init脚本
• 使用自定义npm init脚本将你的第一个 Commit 提交到 GitHub

1、学习基本快捷方式

• 安装  —  常规：npm install，简写：npm i。
• 测试  —  常规：npm test，简写：npm t。
• 帮助  —  常规：npm --help，简写：npm -h。
• 全局标志 —  常规： --global，简写：-g。
• 保存为开发依赖 - 常规： - save-dev，简写：-D。
• npm init 默认值 - 常规：npm init --yes 或 npm init --force，简写：npm init -y 或 npm init -f

不太常见的快捷键

• 安装包信息将加入到optionalDependencies（可选阶段的依赖）- 常规：--save-optional， 简写：-O。

• 精确安装指定模块版本 - 常规：--save-optional， 简写：-O。

根的快捷方式

{  "main": "index.js"}

2、设置默认npm init属性

npm config set init.author.name "Joe Bloggs"npm config set init.author.email "JoebLoggs@gmail.com"npm config set init.author.url "Joebloggs.com"npm config set init.license "MIT"

echo "" > $(npm config get userconfig)npm config edit

echo "" > $(npm config get globalconfig)npm config --global edit

3、让脚本跨平台兼容

{  "scripts": {    "build": "cross-env NODE_ENV=production webpack --config build/wepack.config.js"  }}

• rimraf 可以安装在全球运行跨平台脚本
• ShellJS 是Unix shell命令在Node.js API上的可移植实现。

4、并行运行脚本

{  "start": "concurrently \"command1 arg\" \"command2 arg\""}

5、在不同的目录中运行脚本

cd folder && npm start && cd ..

npm start --prefix path/to/your/folder

"start": "concurrently \"(npm start --prefix client)\" \"(npm start --prefix server)\"",

6、延迟运行脚本直到端口准备就绪

"dev": "concurrently \"cross-env BROWSER=none npm run start\" \"wait-on http://localhost:3000 && electron .\"",

7、列出并选择可用脚本

npm i -g ntl

8、运行前后脚本

9、控制应用程序版本

// 1.0.0npm version patch// 1.0.1npm version minor// 1.1.0npm version major// 2.0.0

{  "predeploy": "npm version patch"}

10、从命令行编辑 package.json

npm install -g json

json -I -f package.json -e 'this.scripts.foo="bar"'

11、 自动设置和打开你的github库

git config --get remote.origin.url

json -I -f package.json -e "this.repository=\"$(git config --get remote.origin.url)\""

12、自定义npm init脚本

npm config set init-module ~\.npm-init.js

module.exports = {  name: prompt('package name', basename || package.name),  version: prompt('version', '0.0.0'),  decription: prompt('description', ''),  main: prompt('entry point', 'index.js'),  repository: prompt('git repository', ''),  keywords: prompt(function (s) { return s.split(/\s+/) }),  author: prompt('author', 'Joe Bloggs  (joebloggs.com)'),  license: prompt('license', 'ISC')}

13、使用自定义npm init脚本将你的第一个 Commit 提交到 GitHub

const { execSync } = require('child_process');

function run(func) {  console.log(execSync(func).toString())}

repository: prompt('github repository url', '', function (url) {  if (url) {    run('touch README.md');    run('git init');    run('git add README.md');    run('git commit -m "first commit"');    run(`git remote add origin ${url}`);    run('git push -u origin master');  }  return url;})

const { execSync } = require('child_process');
function run(func) {  console.log(execSync(func).toString())}
module.exports = {  name: prompt('package name', basename || package.name),  version: prompt('version', '0.0.0'),  decription: prompt('description', ''),  main: prompt('entry point', 'index.js'),  keywords: prompt(function (s) { return s.split(/\s+/) }),  author: prompt('author', 'Joe Bloggs  (joebloggs.com)'),  license: prompt('license', 'ISC'),  repository: prompt('github repository url', '', function (url) {    if (url) {      run('touch README.md');      run('git init');      run('git add README.md');      run('git commit -m "first commit"');      run(`git remote add origin ${url}`);      run('git push -u origin master');    }    return url;  }),}

{  "name": "Custom npm init",  "version": "0.0.0",  "decription": "A test project, to demonstrate a custom npm init script.",  "main": "index.js",  "keywords": [],  "author": "Joe Bloggs  (joebloggs.com)",  "license": "ISC",  "repository": {    "type": "git",    "url": "git+https://github.com/JoeBloggs/custom.git"  },  "bugs": {    "url": "https://github.com/JoeBloggs/custom/issues"  },  "homepage": "https://github.com/JoeBloggs/custom#readme"}

分享前端好文，点亮 在看