Julia Will mileandra

Introduction

I have been struggling to start a new project with Phoenix 1.3 and the new vue-cli 3 for Vue.js. There are tons of example already but none of them suited my needs, because:

I want to use the new Vue-cli to select the features that I want,
I do NOT want to setup Webpack (I know, what a shame!). The new Vue-cli includes the new vue-cli-service, which uses an instance of webpack-dev-server, so you don't have to import it manually in your project.
I do not want to use Brunch.

Create your Phoenix App

Assuming that you have Elixir and Phoenix 1.3 are both installed, let's build our new App.

DigitalOcean Ubuntu 14.04 x64 + Rails 4 + Nginx + Unicorn + PostgreSQL + Capistrano 3

Create a Droplet

SSH into Root

$ ssh [email protected]

Change Root Password

Local SSL websites on macOS Sierra

These instructions will guide you through the process of setting up local, trusted websites on your own computer.

These instructions are intended to be used on macOS Sierra, but they have been known to work in El Capitan, Yosemite, Mavericks, and Mountain Lion.

NOTE: You may substitute the edit command for nano, vim, or whatever the editor of your choice is. Personally, I forward the edit command to Sublime Text:

alias edit="/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl"

Adding SFTP-only user to Ubuntu Server

To add a SFTP-only user, you'll need to make sure your SSH config settings are correct, add a new user/group and set permissions for your new user. For step-by-step directions, see below. Omit sudo if you're logged in as root.

Directions

Edit /etc/ssh/sshd_config and make sure to add the following at the end of the file:
```
 Match group filetransfer
```

ChrootDirectory %h

	/**
	* @file A WordPress-like hook system for JavaScript.
	*
	* This file demonstrates a simple hook system for JavaScript based on the hook
	* system in WordPress. The purpose of this is to make your code extensible and
	* allowing other developers to hook into your code with their own callbacks.
	*
	* There are other ways to do this, but this will feel right at home for
	* WordPress developers.
	*

	// So ImageMagic is pretty cool, -but- it can sometimes consider a TIFF
	// to be "metadata" that should be part of your thumbnailed JPG.

	$Thumb = new \Imagick();
	$Thumb->setResolution(72,72); // set the DPI of $Thumb to 72dpi, it's the WEB!
	$data = file_get_contents('/data/some_image.jpg'); // secretly a TIFF pretending to be a JPG
	// else make $data be something that came from curl_exec
	$Thumb->readImageBlob($data);
	$Thumb->setCompressionQuality(80); // you know, why have a 100compression quality thumbnail?
	$Thumb->resampleImage(72,72,imagick::FILTER_UNDEFINED,1); // VERY IMPORTANT, without this it'll just "set" the DPI