2013年10月18日 星期五

AngularJS編輯工具 - Sublime Text2


一、準備工具

Sublime Text2https://github.com/

二、系統環境

OSWindows 7 64bit


三、初始安裝

1.      依作業系統下載Sublime Text2





2.      下載完成後,一直執行下一步安裝


 

3.      安裝AngularJS Plugin,安裝完成點選「PreferencesBrowse Packages…



4.      下載Package Control.sublime-package,將其放於Installed Packages目錄下,重啟Sublime Text2


5.      執行AngularJS安裝,選擇「Tools」→「Command Palette…




6.      選擇「Package Control: Install Package


7.      再選擇安裝「AngularJS


8.      可輸入「<ng」是否有如下頁,查看是否安裝成功。



9.      可以開始開發囉~



10.  下次啟動時,不需重要安裝,於右下點選即可


2013年10月17日 星期四

AngularJS 學習筆記 (一)

一、準備工具
1.      GitHubhttps://github.com/
2.      Nodejshttp://nodejs.org/#download

二、系統環境
1.      OSWindows 7 64bit

三、初始安裝
1.      安裝GitHub
a.      註冊GitHub帳號,以便日後下載專案,如已有帳號請略過。


b.      下載GitHub桌面程式


c.       安裝,一直下一步即可

d.      等待下載安裝


e.      啟動桌面連結即完成


2.      安裝Nodejs
a.      下載Nodejs


b.      啟動安裝,一直下一步即可

c.       完成測試,於cmd命令視窗下,執行「node」,如出現「>」命令提示即安裝成功。


d.      Ctrl + c雙次離開node命令


3.      angular-phonecat啟動教學
a.      啟動GitHub下載angular-phonecat專案



b.      下載完成後啟動命令視窗
l   切換至angular-phonecat目作目錄,執行「cd C:\使用者目錄\angular-phonecat
l   啟動Server,執行「node scripts/web-server.js

c.       查看網頁「http://localhost:8000/app/index.html」,如出現如下即為完成。