Mac OS下fis3 安装教程

摘要

安装fis3首先要安装 node 和 npm ; 如果不知道自己是否已经安装 node 和 npm ; 那就检测下(npm同样可以用下面方式检测):

$ node -v

如果已经安装,会返回node的版本号

v4.4.6

如果没有安装

-bash: node: command not found

nodejs的安装

去官网下载node.pkg ,双击进行安装 ; 你会发现npm也帮你安装了；node安装的同时也安装npm,真是一个意外的惊喜 !（安装过的同学可以跳过）; 官网地址：

https://nodejs.org/en/

nodejs安装过后，在终端进行检测，如下就代表node和npm都已经安装过了

SimondeiMac:~ simon$ node -v

v4.4.6

SimondeiMac:~ simon$ npm -v

2.15.5

fis3 的安装

正常情况下：

1.安装命令行

$ npm install -g fis3

2.安装成功后检测

$ fis3 -v

3.检测返回如下，安装成功

这里写图片描述

异常情况下：

输入安装命令行

$ npm install -g fis3

报错

npm ERR! tar.unpack untar error /Users/simon/.npm/fis3/3.4.16/package.tgz
npm ERR! Darwin 15.4.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "fis3"
npm ERR! node v4.4.6
npm ERR! npm v2.15.5
npm ERR! path /usr/local/lib/node_modules/fis3
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall mkdir

npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/fis3'
npm ERR! at Error (native)
npm ERR! { [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/fis3']
npm ERR! errno: -13,
npm ERR! code: 'EACCES',

npm ERR! syscall: 'mkdir',
npm ERR! path: '/usr/local/lib/node_modules/fis3',
npm ERR! fstream_type: 'Directory',
npm ERR! fstream_path: '/usr/local/lib/node_modules/fis3',
npm ERR! fstream_class: 'DirWriter',
npm ERR! fstream_stack:
npm ERR! [ '/usr/local/lib/node_modules/npm/node_modules/fstream/lib/dir-writer.js:35:25',
npm ERR! '/usr/local/lib/node_modules/npm/node_modules/mkdirp/index.js:47:53',
npm ERR! 'FSReqWrap.oncomplete (fs.js:82:15)' ] }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/simon/npm-debug.log

这个错误是提示：让你获取root权限 ，输入下面命令行获取权限

sudo chown -R $USER /usr/local

然后再次进行安装：

$ npm install -g fis3

会出现“npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue”提示，这个提示可以不理会，不会影响我们的安装；再然后就是一个等待时间。。。这个时候fis3就在默默的安装；之后出现下面一大堆的时候------就可以恭喜你了，安装成功！

npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

[email protected] install /usr/local/lib/node_modules/fis3/node_modules/fis3-command-release/node_modules/chokidar/node_modules/fsevents
node-pre-gyp install --fallback-to-build

[fsevents] Success: "/usr/local/lib/node_modules/fis3/node_modules/fis3-command-release/node_modules/chokidar/node_modules/fsevents/lib/binding/Release/node-v46-darwin-x64/fse.node" is installed via remote

[email protected] install /usr/local/lib/node_modules/fis3/node_modules/fis-optimizer-png-compressor/node_modules/node-pngcrush
echo "Hello, World."

Hello, World.

[email protected] install /usr/local/lib/node_modules/fis3/node_modules/fis-optimizer-png-compressor/node_modules/node-pngquant-native
echo "Hello, World"

Hello, World
|
[email protected] install /usr/local/lib/node_modules/fis3/node_modules/fis-spriter-csssprites/node_modules/images
echo "Hello, World."

Hello, World.
/usr/local/bin/fis3 -> /usr/local/lib/node_modules/fis3/bin/fis.js
[email protected] /usr/local/lib/node_modules/fis3
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected])

做个小检测：

这里写图片描述