Will Han xingheng

#Introduction

Developing Chrome Extensions is REALLY fun if you are a Front End engineer. If you, however, struggle with visualizing the architecture of an application, then developing a Chrome Extension is going to bite your butt multiple times due the amount of excessive components the extension works with. Here are some pointers in how to start, what problems I encounter and how to avoid them.

Note: I'm not covering chrome package apps, which although similar, work in a different way. I also won't cover the page options api neither the new brand event pages. What I explain covers most basic chrome applications and should be enough to get you started.

Creating a "DMG installer" for OS X

A DMG Installer is convenient way to provide end-users a simple way to install an application bundle. They are basically a folder with a shortcut to the Applications directory but they can be customized with icons, backgrounds, and layout properties. A DMG file (.dmg) is a Mac OS X Disk Image file and it is used to package files or folders providing compression, encryption, and read-only to the package.

##Creating the DMG file #Disk Utility

mkdir -p /usr/local/etc/nginx/sites-{enabled,available}
cd /usr/local/etc/nginx/sites-enabled
ln -s ../sites-available/default.conf
ln -s ../sites-available/default-ssl.conf

File locations:

nginx.conf to /usr/local/etc/nginx/
default.conf and default-ssl.conf to /usr/local/etc/nginx/sites-available
homebrew.mxcl.nginx.plist to /Library/LaunchDaemons/

Never touch your local /etc/hosts file in OS X again

To setup your computer to work with *.test domains, e.g. project.test, awesome.test and so on, without having to add to your hosts file each time.

Requirements

Homebrew
Mountain Lion -> High Sierra

	##########################################
	#
	# c.f. http://stackoverflow.com/questions/3520977/build-fat-static-library-device-simulator-using-xcode-and-sdk-4
	#
	# Version 2.82
	#
	# Latest Change:
	# - MORE tweaks to get the iOS 10+ and 9- working
	# - Support iOS 10+
	# - Corrected typo for iOS 1-10+ (thanks @stuikomma)

	#!/bin/bash
	# add yourself before use to sudoerrs
	# Cmnd_Alias PROXY = /usr/sbin/networksetup -setsocksfirewallproxy*
	# your_login ALL=NOPASSWD: PROXY

	SSH_HOST="somehostname"
	PORT=9999 # configured in System Preferences
	NET_SERVICE="Wi-Fi" # on MacBook Air

	SSH_OPTS="-C2qTnNfD"

	#
	# Uncrustify Configuration File
	# File Created With UncrustifyX 0.2 (140)
	#

	# Alignment
	# ---------

	## Alignment

	# put this in your .bash_profile
	if [ $ITERM_SESSION_ID ]; then
	export PROMPT_COMMAND='echo -ne "\033];${PWD##*/}\007"; ':"$PROMPT_COMMAND";
	fi

	# Piece-by-Piece Explanation:
	# the if condition makes sure we only screw with $PROMPT_COMMAND if we're in an iTerm environment
	# iTerm happens to give each session a unique $ITERM_SESSION_ID we can use, $ITERM_PROFILE is an option too
	# the $PROMPT_COMMAND environment variable is executed every time a command is run
	# see: ss64.com/bash/syntax-prompt.html

	# use with: logging.config.dictConfig(yaml.load(open('logging.yaml', 'r')))

	# Formatters detailed here: http://docs.python.org/2/library/logging.html#logrecord-attributes
	version: 1
	formatters:
	simple:
	format: '%(asctime)s - %(name)s - %(levelname)s - %(message)s'
	detail:
	format: '%(asctime)s - %(levelname)s - File: %(filename)s - %(funcName)s() - Line: %(lineno)d - %(message)s'

	ACTION
	AD_HOC_CODE_SIGNING_ALLOWED
	ALTERNATE_GROUP
	ALTERNATE_MODE
	ALTERNATE_OWNER
	ALWAYS_SEARCH_USER_PATHS
	ALWAYS_USE_SEPARATE_HEADERMAPS
	APPLE_INTERNAL_DEVELOPER_DIR
	APPLE_INTERNAL_DIR
	APPLE_INTERNAL_DOCUMENTATION_DIR

Will Han xingheng

Table of Contents

Creating a "DMG installer" for OS X

Never touch your local /etc/hosts file in OS X again

Requirements

Install