為WordPress開(kāi)發(fā)設(shè)置atom環(huán)境的方法

這篇文章主要介紹了為WordPress開(kāi)發(fā)設(shè)置atom環(huán)境的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

                                                           下面由WordPress教程欄目給大家介紹為WordPress開(kāi)發(fā)設(shè)置atom環(huán)境的方法，希望對(duì)需要的朋友有所幫助！

WordPress真是一個(gè)很奇葩的項(xiàng)目，它的很多編碼標(biāo)準(zhǔn)和PSR2是那么的不同，例如一般的php項(xiàng)目都要求以空格代替TAB鍵，但唯獨(dú)WordPress要求必須用TAB鍵本身來(lái)作縮進(jìn)，等等。以至于必須專門為它的開(kāi)發(fā)而設(shè)置一套atom環(huán)境。

在atom中查找并安裝project-manager插件，有了它，我們才能單獨(dú)為WordPress項(xiàng)目創(chuàng)建自己特殊的環(huán)境。

按照說(shuō)明文檔，在菜單里選擇Save Project后，它會(huì)創(chuàng)建一個(gè)~/.atom/projects.cson文件，里面有你的項(xiàng)目的路徑等基本信息。

在你的項(xiàng)目的根目錄下，建立一個(gè)文件名為project.cson的文件，內(nèi)容如下：

settings:
  "*":
    "linter-phpcs.codeStandardOrConfigFile": "WordPress"
  ".html.php.text":
    "editor.tabType": "hard"

第3行的意思是說(shuō)：只對(duì)本項(xiàng)目進(jìn)行WordPress校驗(yàn)。

第4行和第5行的意思是說(shuō)：只對(duì)php文件進(jìn)行硬TAB。

這樣，你的其它所有PHP項(xiàng)目還是用PSR2標(biāo)準(zhǔn)進(jìn)行校驗(yàn)，并且是軟TAB，也就是TAB會(huì)被轉(zhuǎn)換為空格，而只有這個(gè)項(xiàng)目里的PHP項(xiàng)目是硬TAB，其它文件例如JS等還是軟TAB。

關(guān)于Wordpress編碼標(biāo)準(zhǔn)的安裝，請(qǐng)參考上一篇文章：https://segmentfault.com/a/11...

新方法

Atom中的Project Management并不好用，最后我還是采用了editorconfig加phpcs的方法進(jìn)行設(shè)定：

editorconfig

首先，在項(xiàng)目的根目錄下建立一個(gè).editorconfig文件：

root = true
[*.php]
indent_style = tab
[*.scss]
indent_style = space
indent_size = 2

這里規(guī)定了php文件的縮進(jìn)方式必須用TAB鍵。注意：Atom必須把縮進(jìn)方式改成Auto，否則在editorconfig里的設(shè)置會(huì)不起作用。

phpcs.xml

然后，在項(xiàng)目根目錄下建立一個(gè)phpcs.xml文件：

<?xml version="1.0"?>
<ruleset name="Custom Standard">
 <rule ref="WordPress"/>
</ruleset>

在這里，我們告訴phpcs，這個(gè)項(xiàng)目將使用WordPress驗(yàn)證。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享為WordPress開(kāi)發(fā)設(shè)置atom環(huán)境的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!