mac connect aws ec2

1.  Amaon EC2  建立機器實體後，會產生一個  pem key，這個pem要保存好，不見的話救不回來。


2.  打開mac 終端機，進入pem所在資料夾


3.  pme 需要修改權限

• chmod 400 xxx.pem

忘了修改權限會發生如下警訊：

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

@         WARNING: UNPROTECTED PRIVATE KEY FILE!          @

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

Permissions 0644 for 'xxx.pem' are too open.

4.  連線

• ssh -i   [your pem name].pem ubuntu@[your public DNS]

關於ＳＳＨ

• wiki  SSH

Intellij scala

1. down load intellij 

2. install scala plugin

• open intellj
• select   ->   Configure  ->  Plugins
• search scala
• install plugin

3. install sbt plugin

• Configure -> Plugins
• search sbt
• install plugin

5. create scala project

• Create New Project
• Scala -> SBT
• Enter Project Name

Note :  if  your sbt  console  has  error  message

           
      Error  :  Cannot determine Java VM executable in selected JDK

      Resolve :

• Configure -> Project defaults -> Project structure and add the jdk.
• Configure -> Preferences -> IDE Settings -> Scala  andd the jdk.
• File -> Project structure  add the jdk.

             JDK  Patch :

              /Library/Java/JavaVirtualMachines/jdk1.8.0_40.jdk/Contents/Home

reference document : 

        intellij  with  sbt

快速資料查詢

-- Angular
https://docs.angularjs.org/tutorial/step_02

-- Coffee
http://coffee-script.org/
http://zhang.zipeng.info/library/coffeescript/05_compiling.html


-- Less
http://www.lesscss.net/features/#extend-feature
http://lesscss.org/

--Gulp
http://987.tw/2014/07/09/gulpru-men-zhi-nan/
https://github.com/basecss/gulp-tutorial/wiki/gulp-api

-- Bower
http://bower.io/docs/creating-packages/
http://bower.jsbin.cn/
http://segmentfault.com/a/1190000000349555?page=1#c-1190000000349555-1050000000595146

--REQ
http://requirejs.org/
http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html

Gulp.js plugin LiveReload

套件名稱：glup  liveReload

功用： 當在開發過程中，程式、文件有異動時，能夠讓browser自動重整。


1. 需先安裝好gulp

2. 安裝 livereload

• sudo npm install gulp gulp-livereload --save-dev

3. 安裝瀏覽器套件

• chrome  https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei 
• firefox    https://addons.mozilla.org/zh-tw/firefox/addon/livereload/

note : 若是不想使用瀏覽器套件，可以參考 How do I add the SCRIPT tag manually?

4. 編寫 gulpfile.js

var gulp = require('gulp'),

      livereload = require('gulp-livereload');

 // 'watch' 是 task 的名稱，可以任意定義名稱 
gulp.task('watch', function () {
   livereload.listen();

   // dev/**/*.*的意思是 dev下的,任何資料夾的任何文件。 gulp.watch('dev/**/*.*').on('change', livereload.changed);    
});

5.  執行命令

• gulp watch

6. 開啟 browser外掛套件

• 點擊    

7. 開啟相關頁面，當修改app下的任何文件，瀏覽器就會自動重整了。

參考資料：

• gulp 指南
• Michael Hsu.tw 的 Gulp.js-LiveReload 自動刷新頁面
• Gulp.js-livereload 不用F5了，实时自动刷新页面来开发

npm：

• gulp livereload     (內含官方API用法範例)

Gulp.js 使用流程

Gulp 使用步驟：

Note： Gulp需要先安裝 nodejs。


1. 安裝gulp至全域環境

• $ sudo npm install gulp -g

2. 將gulp安裝於專案目錄下 (會安裝gulp的node model  於 local)

• $ npm install gulp --save-dev
  
  note : --save-dev 會將glup寫入package.js
         若是沒有package.js 可利用 npm init 產生。
  

3. 安裝 gulp 外掛套件

• $ npm install  --save-dev
  ex : $ npm install gulp-coffee --save-dev
  //安裝coffeeScript的編譯模組

4. 建立並且編寫 gulpfile.js 檔

    Note :  gulpfile.js 是 gulp 用來執行些什麼工作任務的依據設定。


5. 運行 gulp

• 於gulpfile.js所在執行 ：$  gulp

參考資料：

• gulp官網
• gulp入門指南
• The streaming build system Gulp
• Gulp.js—比Grunt更易用的前端构建工具
• Gulp.js：比 Grunt 更简单的自动化的项目构建利器
• Gulp：任务自动管理工具
• Gulp安装及配合组件构建前端开发一体化
• Gulp 初體驗

ubuntu install less

Install less：

$ npm install -g less

compiler：
$ lessc styles.less


windows安裝法：
http://contest-start.blogspot.tw/2014/06/nodejs-install-less-middleware.html

install bower

Bower目的是用來管理前端環境library的依賴關係。

Bower 需要 nodejs 與 git。

需先安裝：

• git           windows     ubuntu
• nodejs     windows     ubuntu

Install bower

• $  sudo  npm install bower -g

Install packages

• $ bower install jquery

如需指定版本

• bower install #
  ex: bower install jquery#1.11.1
  

uninstall packages

• bower uninstall jquery

如此就會將jquery下載到你下命令的路徑資料夾中的 ./bower_components/jquery

Note：在window環境中，需要將git安裝路徑加到環境變數  PATH中，
            如果沒有加入在安裝套件時會出現
      bower ENOGIT git is not installed or not in the PATH。

參考文件：

• bower.io
• http://bower.jsbin.cn/
• Day 1: Bower —— 管理你的客户端依赖关系
• bower解决js的依赖管理
• http://git-scm.com/book/zh-tw