HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了NETBEANS——HTML5(PHP) + SCSS(with RUBY) 环境的配置过程大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_197_4@

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位的就行啦。

安装过程

JDK和RUBY就下一步下一步下一步得安装就行了,装完了之后,我们用下面的步骤来配置一下SCSS/SASS编译器,如果不使用SASS/SCSS的话,Ruby和SCSS安装的过程都可以跳过,用普通的CSS来写样式表就行了。
对了,为了方便以后调用RUBY的命令,安装RUBY的时候,可以勾选下面图示的Add Ruby executables to your PATH,这样可以把RUBY的安装目录@L_450_10@到PATH里面,这比JDK要人性啊。。

NETBEANS——HTML5(PHP) + SCSS(with RUBY) 环境的配置过程

SCSS/SASS编译器的安装

Ruby安装完成之后,开始菜单里面会多出一个ruby 2.2.2-pxx的文件夹,里面有一个Start Command Prompt with Ruby。我们打开它,进入到Ruby的命令行,然后使用gem来安装SCSS/SASS编译器。
运行如下命令行:

C:\Users\Administrator> gem install sass

然后报错:

访问居然被禁止了。。当然我大TC的网络。。你们懂的,那我们怎么解决呢?当然也有解决的办法,以下方案来自http://www.w3cplus.com/sassguide/install.html

果然是万能的淘宝啊,怎么你还有RUBY的GEM源呢0.0。。。

依据上面的解决方案,我们依次在RUBY命令行里面执行:

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

待以上操作都完成之后,我们再来看gem的源是不是只有淘宝一个

gem sources -l

NETBEANS——HTML5(PHP) + SCSS(with RUBY) 环境的配置过程

看来我们只有淘宝的gem源了,然后再执行一次

gem install sass

来试试看。
诶?卡住了?嘛嘛嘛,不要着急,已经开始安装了。
最后不再报错,而是出现了下面的文字

看来我们终于安装成功了啊~ 真是辛苦。
这个时候我们去我们的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的位置,或者说自己手动输入。

NETBEANS——HTML5(PHP) + SCSS(with RUBY) 环境的配置过程


点击确定生效。

然后再点击完成,就新建了一个SCSS,并且配置好了SCSS的编译器。 看到这里你是不是长叹了一口气?骚年,革命尚未成功,同志仍需努力啊。这才刚完成一半,你运行一下你会发现,该页无法访问,那不是废话,现在IDE有了,但是解释PHP的服务器还没配置好呢~下次在更新啦,先睡觉了。

大佬总结

以上是大佬教程为你收集整理的NETBEANS——HTML5(PHP) + SCSS(with RUBY) 环境的配置过程全部内容,希望文章能够帮你解决NETBEANS——HTML5(PHP) + SCSS(with RUBY) 环境的配置过程所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。