Gitbook Auto Published

SUMMARY.md

@@ -23,7 +23,9 @@
     - [Redis](project/db/redis.md)
   - Front-End
     - [Fetch AJAX](project/fe/fetch.md)
+    - [前端库](project/fe/packages.md)
   - [Tool](project/tool/README.md)
+    - [包管理NPM](project/tool/npm.md)
     - [Babel](project/tool/babel.md)
     - [守护进程PM2](project/tool/pm2.md)
   - [开发指南](project/develop.md)

project/fe/packages.md

@@ -0,0 +1,26 @@
+# 前端库
+
+尽量使用`Vanilla JS`提升性能，避免使用`jQuery`、`EXTJS`、`Zepto`等。
+
+## 数据可视化
+
+D3.js： <https://d3js.org/>
+
+## 3D
+
+Three.js： <http://threejs.org/>
+
+## VR虚拟现实
+
+A-Frame： <https://aframe.io/>
+
+## 图表
+
+* Echarts： <http://echarts.baidu.com/>
+* Recharts： <http://recharts.org/>
+
+## 滚动视差
+
+* Skrollr： <https://github.com/Prinzhorn/skrollr>
+
+（已可用3D效果替代）

project/tool/npm.md

@@ -0,0 +1,52 @@
+# NPM
+
+## 初始化项目
+
+```bash
+npm init
+```
+
+## 安装依赖
+
+```bash
+# 产品环境依赖
+npm install -S package-name
+# 开发环境依赖，如Wepack及插件，不需要在产品环境中引用的
+npm install -D package-name
+# 选择依赖，如Demo中使用的
+npm install -O package-name
+```
+
+## 命令
+
+Package.json里：
+
+```js
+"scripts": {
+  "start": "sh deploy.sh",
+  "test": "node_modules/.bin/gitbook serve",
+  "pack-win": "./node_modules/.bin/electron-packager . --asar  --overwrite --platform=win32 --arch=ia32 --prune=true --out=out --version-string.CompanyName='GitHub, Inc.'  --ignore=node_modules",
+  "pack-mac": "./node_modules/.bin/electron-packager . --asar --overwrite --platform=darwin --arch=x64 --prune=true --out=out  --ignore=node_modules",
+  "pack-all": "./node_modules/.bin/electron-packager . --out=dist --prune --asar --overwrite --all"
+}
+```
+
+其中，`start`、`test`可以直接使用这样的命令运行：
+
+```bash
+npm start
+npm test
+```
+
+其他，可以这样运行：
+
+```bash
+npm run pack-win
+npm run pack-mac
+npm run pack-all
+
+npm run start
+npm run test
+```
+
+避免使用`npm install -g`安装的`CLI`工具，推荐使用`./node_modules/.bin/CLI`方式。