廣告

顯示具有 tool 標籤的文章。 顯示所有文章
顯示具有 tool 標籤的文章。 顯示所有文章

2015年8月23日 星期日

LiveReload with Sublime Text 3

1.
下載
https://github.com/Grafikart/ST3-LiveReload

2.
解壓縮後改名成LiveReload

3.
放到C:\Users\lewis\AppData\Roaming\Sublime Text 3\Packages\
(Preferneces->Browse Settings)

4.
改Settings-Default
Preferneces->Package settings ->Settings-Default
{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}

5.
chrome的擴充套件
https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
(成功後空心icon會變為實心)




2015年7月23日 星期四

前端開發的套件管理工具 bower | Front-end package manager -Bower


Bower is a front-end package manager built by Twitter. 
Also known as a Package manager for the Web, bower is used in 
modern open source and closed source projects to solve many recurrent issues.


install bower
$npm install -g bower
(need install node.js,git)

常用指令
 install package
  $bower install $package

 show current veresion and latest version 
  $bower list
   ex:
    startbootstrap-sb-admin-2#1.0.7 C:\Users\1409035\git\MartBackStage
    ├─┬ bootstrap#3.3.4 (3.3.5 available)
    │ └── jquery#2.1.3 (3.0.0-alpha1+compat available)
    ├─┬ bootstrap-social#4.8.0 (latest is 4.9.1)
    │ ├── bootstrap#3.3.4 (3.3.5 available)
    │ └── font-awesome#4.2.0 (latest is 4.3.0)
    ├─┬ datatables#1.10.6 (1.10.7 available)
    │ └── jquery#2.1.3 (3.0.0-alpha1+compat available)
    ├── datatables-plugins#1.0.1 (latest is 1.10.7)
    ├─┬ datatables-responsive#1.0.5 (1.0.6 available)
    │ ├── datatables#1.10.6 (1.10.7 available)
    │ └── jquery#2.1.3
    ├─┬ flot#0.8.3
    │ └── jquery#2.1.3 (3.0.0-alpha1+compat available)
    ├── flot.tooltip#0.8.4 (0.8.5 available)
    ├── font-awesome#4.2.0 (latest is 4.3.0)
    ├── holderjs#2.4.1 (latest is 2.8.1)
    ├─┬ jquery-ui#1.11.4 extraneous
    │ └── jquery#2.1.3 (3.0.0-alpha1+compat available)
    ├─┬ metisMenu#1.1.3 (latest is 2.0.2)
    │ └── bootstrap#3.3.4 (3.3.5 available)
    └─┬ morrisjs#0.5.1
      ├── jquery#2.1.3 (3.0.0-alpha1+compat available)
      ├── mocha#1.17.1 (latest is 2.2.5)
      └── raphael#2.1.4

 uninstall package
  $bower uninstall $package
  
 update package
  $bower update $package


conclusion:
In the past, when we want to use the plugin,
must first go to the website to download and 
unzip it to your purpose folder,

And you have to keep track of plug has not been updated,
If so, you have to repeat the action again.

now! use bower, you do not have to worry about this problem.



2015年6月27日 星期六

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.



solve way: add flag to chrome

1.
 cd to your chrome.exe path

2. type cmd
 window
 .\chrome.exe --allow-file-access-from-files
 mac
 open /Applications/Google\ Chrome.app/ --args --disable-web-security

3.
 close all chrome instance
 
4. check work
chrome://version/

2015年6月18日 星期四

putty connect with ppk auth


1. 下載putty instatller
2. 開啟pageant.exe 加入PPK檔  
3. 接著用putty就能連上了

2015年6月8日 星期一

sublime text3 without package control



剛在window上裝sublime3 
發現沒有preference裡面
沒有package control,


參考官方教學
https://packagecontrol.io/installation#st3