NETBEANS——HTML5(PHP) + SCSS(with RUBY) 環境的配置過程

版權聲明:本文爲Toshiya原創文章,轉載之前請先徵得博主同意。謝謝啦~~(^_^) https://blog.csdn.net/Toshiya14/article/details/46751097

NETBEANS——HTML5(PHP) + SCSS(with RUBY) 環境的配置過程

閒話一堆堆

暑假又到了,要做課題實踐了,今年的實踐是WEB應用開發,寫了那麼多年的ASP.NET,突然想換個口味用PHP寫,看了一眼電腦上被我用了3年也沒有拋棄的Visual Studio,貌似俺對他說你能幫我做PHP麼,它在說——臣妾做不到啊。。。
好吧,還是用NETBEANS試試吧。VS.PHP雖然是個好東西,可惜要錢,俺還是個學生啊。。所以還是走免費經濟的路線啊,強烈要求VS.PHP弄一個教育版的啊0.0。。。
按照習慣寫篇博客記錄一下部署過程吧,畢竟按現在在網吧啊,回去還要給自己的筆記本配置一編呢。

正題

俺的環境是用32位的配置的,手頭上既有64位和32位的計算機,所以以32位的來描述,64位的配置的話,把ruby-installer和JDK換成64位的就行啦。

準備的材料:(全是超鏈接,點擊可以下載)

  1. Java環境JDK 8u45
  2. Ruby環境Ruby-installer(用來編譯SCSS/SASS) 2.2.2
  3. SCSS/SASS編譯器(使用RUBY GEM安裝)
  4. NETBEANS IDE 8.0.2
  5. PHP服務器

安裝過程

JDK和RUBY就下一步下一步下一步得安裝就行了,裝完了之後,我們用下面的步驟來配置一下SCSS/SASS編譯器,如果不使用SASS/SCSS的話,Ruby和SCSS安裝的過程都可以跳過,用普通的CSS來寫樣式表就行了。
對了,爲了方便以後調用RUBY的命令,安裝RUBY的時候,可以勾選下面圖示的Add Ruby executables to your PATH,這樣可以把RUBY的安裝目錄添加到PATH裏面,這比JDK要人性啊。。
RUBY安裝過程

SCSS/SASS編譯器的安裝

Ruby安裝完成之後,開始菜單裏面會多出一個ruby 2.2.2-pxx的文件夾,裏面有一個Start Command Prompt with Ruby。我們打開它,進入到Ruby的命令行,然後使用gem來安裝SCSS/SASS編譯器。
運行如下命令行:

C:\Users\Administrator> gem install sass

然後報錯:

ERROR: While executing gem … (Gem::RemoteFetcher::FetchError)

Errno::ECONNRESET: An existing connection was forcibly closed by the remote host. - SSL_connect (https://api.rubygems.org/quick/Marshal.4.8/sass-3.4.15.gemspec.rz)

訪問居然被禁止了。。當然我大TC的網絡。。你們懂的,那我們怎麼解決呢?當然也有解決的辦法,以下方案來自http://www.w3cplus.com/sassguide/install.html

$ gem sources –remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/
$ gem sources -l
*** CURRENT SOURCES ***

https://ruby.taobao.org
# 請確保只有 ruby.taobao.org
$ gem install sass

果然是萬能的淘寶啊,怎麼你還有RUBY的GEM源呢0.0。。。

依據上面的解決方案,我們依次在RUBY命令行裏面執行:

gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/

待以上操作都完成之後,我們再來看gem的源是不是隻有淘寶一個:

gem sources -l

gem運行結果

看來我們只有淘寶的gem源了,然後再執行一次

gem install sass

來試試看。
誒?卡住了?嘛嘛嘛,不要着急,已經開始安裝了。
最後不再報錯,而是出現了下面的文字:

C:\Users\Administrator>gem install sass
Fetching: sass-3.4.15.gem (100%)
Successfully installed sass-3.4.15
Parsing documentation for sass-3.4.15
Installing ri documentation for sass-3.4.15
Done installing documentation for sass after 10 seconds
1 gem installed

看來我們終於安裝成功了啊~ 真是辛苦。
這個時候我們去我們的RUBY安裝目錄下面的bin文件夾裏面。
比如我的ruby安裝文件夾是: C:\ruby22
所以我們轉到: C:\ruby22\bin
就能看到sass.bat scss.bat了,這個先留着,一會兒用。

NETBEANS的安裝以及新建工程

NETBEANS在安裝開始的時候,可以定製安裝那些東西,我不需要JAVA,所以只安裝了HTML5和PHP兩個部分。大家可以根據自己的需要去修改,或者直接就完全安裝了。

安裝完成之後,打開NETBEANS把,先新建一個PHP工程(PHP應用程序)。
名稱和位置看需求,PHP版本越高越好吧,編碼的話,現在的主流是UTF-8,如果你不希望其他語言的人訪問你的網站出現亂碼的話,就保持UTF-8不變。
運行配置裏面是選擇PHP的運行方式的,如果是本地調試的話,就選擇本地web站點,而如果你有一個PHP的服務器,而且有FTP的話,可以選擇第二項遠程web站點,其他項目我就沒有用過也沒有了解過了,大神們需要的就自取吧。(P.S.大神也不回來看我的博文吧233333)
之後的PHP框架和編寫器就看需求配置吧。

完成之後,我們先右鍵點擊源文件,新建Sass文件,進而配置Sass的編譯。
文件名根據需求曲一個,然後勾選 保存時編譯SASS文件
這個時候下面會出現一個紅框,顯示必須選擇sass可執行文件。這裏就要用到我們剛剛安裝的SCSS/SASS編譯器了,點擊一下 保存時編譯SASS文件 複選框右邊的那個 配置可執行文件 按鈕。

Sass路徑裏面點擊瀏覽,制定到scss.bat的位置,或者說自己手動輸入。
SASS路徑的配置
點擊確定生效。

然後再點擊完成,就新建了一個SCSS,並且配置好了SCSS的編譯器。
看到這裏你是不是長嘆了一口氣?騷年,革命尚未成功,同志仍需努力啊。這纔剛完成一半,你運行一下你會發現,該頁無法訪問,那不是廢話,現在IDE有了,但是解釋PHP的服務器還沒配置好呢~下次在更新啦,先睡覺了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章