npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@phoenix-plugin-registry/ionic-brackets

v0.4.0

Published

A Brackets extension for developing mobile applications using Ionic framework

Downloads

3

Readme

ionic-brackets

ionic-brackets is a Brackets extension for developing mobile applications using Ionic framework.

Table of contents

Installation

The extension can be installed by following the instructions on the official extensions guide.

How To Use

If you can see the Ionic icon on the right toolbar, the extension is ready to use. Simply locate the ionic menu on the menus-bar and continue from there.

| Note: The icon's color is turned light blue when running a background job (build, serve, etc.).

Features

Start an Ionic project

Creates an Ionic project using the available templates.

| Note: The extension understands if your project is an Ionic project by the existence of the www directory.

Add platform

Adds a platform to the project [Choosing between ios or android].

Add plugin

Adds a plugin to the project.

Build

Builds the project.

Emulate

Creates an emulator for the application using the android/ios tools.

Run

Runs the application on a real device using the android/ios tools.

Live Development / Serve

Runs your application inside Brackets. You can open/close the live development view using the Ionic icon on the right side of Brackets.

| Note that plugins are currently not available. Intend for basic application UI/navigation testing.

Plugins hook

Creates a Cordova hook for automatic plugins installation. Automatically adds your installed plugins to the hook.

Add ngCordova

Adds ngCordova to your project:

  1. Installs ngCordova using bower.
  2. Adds <script src="lib/ngCordova/dist/ng-cordova.js"></script> to the main index.html file.
  3. Adds a dependency to the main app.js file - example: angular.module('myApp', ['ngCordova']).

Quick docs

While developing, you can see the official docs of ngCordova plugins using quick docs key binding (defaulting to ctrl+k).

Contributing

Feel free to contribute to the project by adding features or fixing bugs.

Links

  • Brackets - http://brackets.io/
  • Ionic Framework - http://ionicframework.com/
  • ngCordova - http://ngcordova.com/

License

ionic-brackets is licensed under the MIT Open Source license. For more information, see the LICENSE file in this repository.