Browse Source

Gitbook Auto Published

Willin Wang 8 years ago
parent
commit
bf1e9e6565
3 changed files with 80 additions and 0 deletions
  1. 2 0
      SUMMARY.md
  2. 26 0
      project/fe/packages.md
  3. 52 0
      project/tool/npm.md

+ 2 - 0
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)

+ 26 - 0
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效果替代)

+ 52 - 0
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`方式。