手把手教你如何用eclipse搭建前端开发环境

3.建立静态web工程css

打开eclipse,选择file,new project 或者 new other...,选择web项中的static web project ,next。html

输入你的项目名,如Html5Demo。填写content folder名称,如myHtml5。finishhtml5

右键content folder名称(myHtml5)new HTML File ,填写 index.html(主页面不建议使用其余名字),next web

选择我html5,以下图,finish。tomcat

 

 

 

到目前为止咱们已经基本完成了开发环境的搭建。服务器

用前面相似的方法,咱们能够在content folder下面建立其它html文件、css文件、js文件或者文件夹,从而丰富咱们的应用。eclipse

若是要开发动态web项目,请继续阅读下面的步奏。server

 

3.创建tomcat服务器htm

菜单中点击window,选择show view 中的other...  选择servers ,OK。以下图:blog

 

 

点击servers窗口中的连接,以下图:

 

 

选择Tomcat 的版本(根据本身的需求), 而后down到本身指定的目录,等100%后,而后finish(能够修改server的一些信息)。以下图:

 

 

 

4.新建工程

new -->new project -->web --> dynamic web project  

填上工程名 ,Target runtime 选择 Apache Tomcat v 7.0 --> finish 

 

5.发布项目

在“servers”选项下的服务器选中右键,add and remove --> add and finish,ok.

右键工程名 -->run as --> run on service 查看效果 或者网页输入http://localhost:8080/工程名/ 

相关文章
相关标签/搜索