(syntax)npm

npm 包

规范化包

.prettierrc

Prettier 中文网 · Prettier 是一个“有态度”的代码格式化工具

html5-boilerplate

• html5模板

npx create-html5-boilerplate new-site
cd new-site
npm install
npm run start

Parcel 中文网

• Parcel 是 Web 应用打包工具，适用于经验不同的开发者。它利用多核处理提供了极快的速度，并且不需要任何配置。

npm install -g parcel-bundler
npm install parcel-bundler --save-dev
parcel index.html
parcel watch index.html
parcel index.html about.html

{
  "scripts": {
    "dev": "parcel <your entry file>",
    "build": "parcel build <your entry file>"
  }
}

pnpm

yarn

cnpm

nrm

• 换Node源

npm i nrm -g
nrm ls
nrm test
nrm use taobao

nvm

npm

HTML5 Boilerplate

npm install html5-boilerplate
yarn add html5-boilerplate.
npx create-html5-boilerplate new-site
cd new-site
npm install
npm run start

http-server

npm i -g http-serve
http-server
http-server --help

webpack-dev-server

• serve

npm install --global serve
serve
serve --help

node-proxy-serve

querystring 模块（qs 库）[Querry String]

node 内置模块，该模块包含用以 URL 解析的实用函数。（对 URL 处理的相关模块）

const querystring = require('querystring');
axios.post('http://.com/',querrystring.stringify({foo:'bar'}));

图片

• unsplash

icon

• font awesome
• iconfont+
• bootstrap 官方图标库

swiper

json-mock

typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)

npm install -g json-server
json-server --watch db.json
{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}