Tag Archives: Atom Plugins

Atom Terminal Plugin

最近多數做Web Front End 相關的工作
所以 IDE 主要也是用Text Editor
暫時還沒有決定好那一個Text Editor 比較好用
Visual Studio Code 還是Atom

VS Code的好處是有Built-inTerminal ,  十分好用
可以在同一個VS Code Instance 上執行多個powershell / command prompt
但是個的版面分割(split) 功能就只可以分 “上,下” 或 “左,右” 有點美中不足
Visual Studio Code Split Screen
有時候想上下左右一起分割..但是不能了

還有由於暫時還沒有找到一個比較好用的Code formatter plugin..所以轉用了Atom

Atom 可以任你分頁。。還有他的Atom-beautifier 也十分好用。。為一一個大問題是。。IDE 有時會not respond..

繼續講 Terminal plugin for Atom

在網上安裝了幾個 Terminal / Command PromptAtom Plugin都不如理想
安裝了 但是執行不到… 只有一個黑色的Terminal 畫面

最後終於找到了一個十分好用,可靠的plugin
他就是”platformio-ide-terminal
https://atom.io/packages/platformio-ide-terminal
platformio-ide-terminal

VScode 差不多
Atom Terminal panel
Hope you find it useful

Atom Linter-PHPCS – ‘phpcs’ is not recognized as an internal or external command

今日使用Atom 來寫 PHP code是出現以下錯誤信息
‘phpcs’ is not recognized as an internal or external command

Linter-PHPCSAtom Editor的一個 用來檢查 PHP Coding Standard 的Plugin
就像.Net中的StyleCop 差不多
今日在使用時出現了這個問題
Error 'PHPCS' is not recognized as an internal or External Command

解決方法十分簡單
大家可以在AtomSetting->Packages tab上找出 Linter-phpcs package
之後在Settings/ 設定上輸入 PHPCSexecutable path便可以了
Linter-PHPCS Execution Path

Happy Coding

Composer Package Path Windows – Composer Package 儲存在那裡

有些程式需要我們在他的設定檔上加入 Composer 下載/安裝的 Package Path
其實ComposerPackage Path在那裡呢?

在了一會research之後發現他們都在 以下的資料夾入

大家可以開啟任何的資料夾之後貼上以下的路徑 便可以找到這些Package了
Enter Composer Package Path

%APPDATA%\Composer\vendor\bin

或是在

C:\Users\[Username]\AppData\Roaming\Composer\vendor\bin

Composer Package Path
Hope you find it useful

Atom How to stop file open immedinaly /open file by double clicking instead of single click – 如何停止Atom 自動開啟檔案

最近朋友介紹我一個由GitHub 出的 Open Source Text Editor 名字叫 “Atom
他說很好用的
下載之後感覺他和SublimeText 很似..
使用感覺良好.都是沒有一個Project的概念..
主要都是一個Text Editor..但是有一個Folder Structure的 pane

有了一會發現了有一個使用習慣的問題..
就是他和SublimeText 一樣..
當你按一檔案名時..他便會開啟了那個檔案..
令到Editor 上開啟了很多File Tab..
Atom Auto Open Tab Issue
有時候會感到有點混亂

做了一會Research 之後終於找到解決方法了

解決方法十分簡單

首先按右上角”File” ->”Settings
Atom -> File -> Settings

之後在Atom Settings Tab 上按一下”Packages
Installed Packages 下面的 TextBox 輸入 “Tabs” 便會找到Tabs 這個Package..之後按”Settings
Atom Settings -> Packages -> Search for Tabs Packages

Tabs packagesSettings 內 選擇 “Use preview tab
Atom Tabs - Use Preview Tabs
當你Tick了”Use preview tab“.. Atom 便只會 Preview 預覽 你按下的檔案..
當你作出 修改時..他們才會正式開啟

Hope you find it useful