月度归档：2017年09月

nodejs

使用webpack配置ES6开发环境

发表回复

1、ES6简介

由于ES6无法直接运行在浏览器中，只能通过babel来进行解析转换（编译）成ES5才可以运行在浏览器中，因此我们就需要给ES6搭建相关的环境，才可以开心的写ES6。
目前很多框架都使用了ES6，比如react、vuejs、angular等这些主流前端框架。ES6简洁了很多ES5的代码，让我们可以少写很多代码，当然如果你还了解typescript以及coffeescrpt，那么就更加方便你进行各种开发了。但是问题来了，这些基于ES6的所有框架以及语法糖都需要搭建相关的环境才能够正常运行ES6

2、webpack

webpack是一个前端打包工具，简单说webpack是将所有JavaScript组件以及依赖的库整合为一个js文件，将所有CSS整合为一个css文件。使用webpack可以很方便的打包各种JavaScript组件。

3、准备工作

1)、安装nodeJS（安装方法请到官方查看）
2)、使用npm初始化项目

npm init ES6

ES6是我们开发的项目文件夹
运行上面的命令后会让你填写一些有关项目描述等信息，并且在ES6文件夹下会生成一个package.json的文件
3)、全局安装webpack
npm install -g webpack

4、安装依赖

配置ES6环境，我们需要安装以下几个必须的依赖包 继续阅读使用webpack配置ES6开发环境 →

ionic

ionic2中使用Firebase与Angularfire

发表回复

为了把一个老项目中的Firebase以及Angularfire进行升级，并且升级ionic项目，由此入了很多很多的坑，首先使用老项目不论怎么调试怎么重新运行npm install，ionic serve启动项目总是失败而告终，最终无法仍受了，重新直接使用新版的ionic2版本与新版的Firebase与Angularfire2重新重构一次项目。由此遇到了很多升级过程中的坑。
1、升级了Firebase后，出现了找不到AngularFire和FirebaseListObservable的解决办法
由于更新到了最新版的Firebase，而firebase库已经进行了一些调整，导致了找不到AngularFire和FirebaseListObservable，在新版的firebase库中，已经将这两个方法重新封装到了database里面了，并且摒弃了AngularFire，重新使用AngularFireDatabase，因此我们需要这样来调用：

import {AngularFireDatabase, FirebaseListObservable} from 'angularfire2/database';
constructor(private af: AngularFireDatabase){this.af.list()}

2、打包之后遇到了这样的问题：Client doesn’t have permission to access the desired data. 继续阅读ionic2中使用Firebase与Angularfire →