当前位置:首页 » 网页前端 » web开发环境搭建教程
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web开发环境搭建教程

发布时间: 2022-08-04 21:56:32

1. 如何搭建javaweb开发环境

1、下载jdk,配置环境变量

下载JDK的具体步骤如下:

1、打开浏览器,在浏览器的地址栏里输入如下网址:

http://www.oracle.com/technetwork/java/javase/downloads/index.html

进入界面如下:

选择适合你系统类型的安装文件,进行下载。


安装JDK的具体步骤如下:

1、双击下载的JDK安装程序,进入安装界面,首先进入安装向导界面,一直下一步

Java程序的开发过程

开发Java程序总体上可以分为3步:

1、编写Java源文件。Java源文件是一种文本文件,其扩展名为.java。(如:X.java)

2、编译Java源文件,也就是将Java源文件编译(Compile)成Java类文件(扩展名为.class),如:使用“javac.exe”命令将X.java文件编译成“X.class”类文件。

Java类文件由字节码构成,所以也可以称为字节码文件,所谓的字节码文件是与平台无关的二进制码,执行时由解释器(java.exe)解释成本地计算机码。一边解释一边执行,解释一句,执行一句。

3、运行Java程序。Java程序可以分为
Java Application(Java应用程序)和Java Applet(Java小应用程序)。其中,Java
Application必须通过Java解释器来解释执行其字节码文件,Java Applet必须使用支持它的浏览器(IE浏览器)运行。

2. 微信web开发工具怎么搭建环境

web开发者工具,就是为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作;

你可以:

  • 使用自己的微信号来调试微信网页授权

  • 调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出

  • 使用基于 weinre 的移动调试功能

  • 利用集成的 Chrome DevTools 协助开发

3. 基于web系统开发环境怎么写

Web 应用系统开发环境的搭建步骤,包括 JDK 安装,设置环境变量, Tomcat 安装,MyEclipse 安装等。
步骤:
1.安装 JDK,设置环境变量,JDK 安装;
2. 安装 Tomcat;
3. 安装 MyEclipse,完成相关配置;
4. 打开MyEclipse 后界面;
5. 在 MyEclipse 中部署 bookshop 实例程序(通过 COPY);
6. 导入的 bookstore 工程
7. 运行程序,观察运行情况和输出结果;

4. 如何搭建java web的开发环境

下载JDK
http://www.oracle.com/technetwork/java/javase/downloads/index.html
因为我们要为开发后续的Java Web程序做准备,所以下载JDK,如图所示

2
完成上图操作后,进入如图所示界面。这个界面中列出了针对不同操作系统的Java开发环境安装包。我们首先要同意Java开发工具包的许可,然后选择对应的Java JDK版本下载。在这里因为我的电脑是windows64位系统,我们下载windows 64位版本

3
如图,正在下载中。官网下载速度比较慢,这里我提供一个360云盘的分享链接,区别只是版本不同,使用方法一样。
http://yunpan.cn/cJuEjFpVVqz5q 访问密码 d508

4
现在开始我们的Java安装之旅,点击下载好的安装包“jdk-8u40-windows-x64.exe”,进入安装界面。

5
出现如图所示界面使,点击“运行”

6
点击“下一步”

7
如图所示界面中,可以更改Java开发环境的安装路径,修改完安装路径后点击“确定”

8
安装正式开始

9
安装程序进行一会儿会出现如图界面,这是要安装Java的运行环境(JRE),同样的,也可以更改安装路径,这里我采用默认路径,点击“下一步”

安装程序继续运行

安装结束

下面我们开始配置Java的运行参数,右键点击“计算机”,选择“属性”

选择“高级系统设置”

选择“环境变量”

点击“系统变量”下方的“新建”按钮,新建“JAVA_HOME”变量,变量值填写JDK的安装路径。也就是上文第七步设置的安装路径。

然后再建立系统变量“CLASSPATH”,变量值为“.;”

在“系统变量”中找到系统变量“Path”,在变量值的最前面添加“%JAVA_HOME%\bin;”,然后点击确定,确认所有更改

然后打开“开始”,打开“cmd.exe”

输入“javac”,出现如图界面,Java开发环境至此配置成功

5. 如何搭建java web开发环境

首先准备好需要安装的软件(官网下载,此处都是用的目前最新版本):

一、安装JDK
1、下载得到jdk-8u11-windows-i586.1406279697.exe,直接双击运行安装,一直next就可以,默认是安装到系统盘下面Program Files,我这里装在D:\Program Files\Java下面,注意安装完jdk之后会自动运行安装jre,这时的安装路径最好和jdk一样,方便管理,我的都是在D:\Program Files\Java下面。
2、环境变量配置:右击“我的电脑”,点击“属性”;选择“高级系统设置”选项卡,点击“环境变量”; 在“系统变量”中,设置3项属性,JAVA_HOME、PATH和classpath(大小写无所谓),若已存在则点击“编辑”,不存在则点击“新建”;一般 PATH都是已经存在的。
3、配置如下:
1)JAVA_HOME
D:\Program Files\Java\jdk1.8.0_11
2)classpath
.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib;
3)PATH
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
如图:

注意:classpath项的变量值前面是有一点的,Path的变量值一般加到原来值的前面,如果加到后面要用分号隔开。
4、验证安装成功与否:“开始”->键入“cmd”;键入命令“java -version”,“java”,“javac”几个命令,出现画面,说明环境变量配置成功。
二、安装tomcat
1、下载apache-tomcat-8.0.15-windows-x86.zip,这是免安装版的,直接解压即可。如果是安装版的tomcat,双击运行一路next即可安装完毕,其中也可以配置一下安装路径,保持默认路径,端口也是默认8080。
2、验证安装:打开浏览器,键入http://localhost:8080/,如果出现一下页面即安装成功:

三、eclipse安装与配置
1、下载eclipse-jee-luna-SR1-win32.zip,直接解压即可,我解压到F:\Program Files\eclipse;
2、下载Tomcat插件tomcatPluginV331.zip,解压都得到com.sysdeo.eclipse.tomcat_3.3.1.jar文件;
3、将com.sysdeo.eclipse.tomcat_3.3.1.jar拷贝到eclipse目录下的dropins插件文件夹内,我这里是F:\Program Files\eclipse\dropins,如下图:

4、运行eclipse,设置workspace,我设置在D:\工作空间\workspace,运行eclipse后工具栏上会出现Tomcat工具条,如图:

5、接着进行eclipse配置,先是jre,一般此项已经配置好的,如下图:

6、然后是web应用服务器配置,步骤如下图:

点击Add,选中Apache Tomcat v8.0,然后点击next,选中Tomcat的安装路径Finish即可。

7、配置Tomcat,选择版本,安装路径以及Server.xml,如下图:

Advanced下设置Tomcat路径,如下图:

完成以上步骤Tomcat就已经配置好了。
至此,Java EE环境搭建完毕。

6. 如何搭建web应用系统团队开发环境

1、下载源码

通过搜索引擎找到CVS的源代码包,也可以从CVS的官方网站cvshome.org上寻找,由于CVS历史上也出现过一些安全漏洞,所以建议要定期去其官方网站上看看有没有最新版本推出。

2、编译安装

[root@terry src]# tar -xjpvf cvs-1.12.5.tar.bz2

[root@terry src]# cd cvs-1.12.5

[root@terry cvs-1.12.5]# ./configure --prefix=/usr/local/terry_yu/cvs

--disable-server-flow-control

[root@terry cvs-1.12.5]# make

[root@terry cvs-1.12.5]# make install

以上指令将CVS安装到/usr/local/terry_yu/cvs这个目录上。

注:除了使用源码包进行安装之外,还可以使用RPM包来安装。

3、设置启动CVS服务

在Linux上CVS服务可以通过inetd、xinetd或tcpwrapper等来启动,其中inetd由于安全理由在许多场合已经被xinetd所取代了,这里我们使用xinetd来启动CVS服务。

在/etc/xinetd.d目录下为CVS服务创建一个配置文件,比如:/etc/xinetd.d/cvspserver,编辑/etc/xinetd.d/cvspserver,输入以下内容:

service cvspserver

{

disable = no

socket_type = stream

wait = no

user = root

env = HOME=

server = /usr/bin/cvs

server_args = -f --allow-root=/home/cvsroot pserver

}

注:

1)pserver表示是口令认证的访问方式,这是最常用的方式,其他还有gserver,kserver,ext,如果想要更高的安全性可以使用ssh来加密口令和数据流,不过这里为了用户使用的方便,仍然选的是pserver。
2)--allow-root是指定Repository的目录,可以建立多个Repository

然后重新启动xinetd:

[root@terry bin]# /etc/rc.d/init.d/xinetd restart

Stopping xinetd: [ OK ]

Starting xinetd: [ OK ]

重新启动xinetd服务后,CVS服务也开始工作了。

4、在CVS服务器端建立Repository

首先要创建一个名为cvs的组和一个名为cvsroot的用户,以后要访问CVS服务的用户加入cvs这个组:

[root@terry root]# groupadd cvs

[root@terry root]# useradd -g cvs -s /sbin/nologin cvsroot

[root@terry root]# chown -R cvsroot /home/cvsroot

接下来进行初始化:

[root@terry root]# cvs -d /home/cvsroot init

这样在/home/cvsroot目录中就产生了CVSROOT目录,其中存放了一些配置文件,如config等,然后设置权限:

[root@terry root]# chown -R cvsroot.cvs /home/cvsroot

[root@terry root]# chmod -R ug+rwx /home/cvsroot

[root@terry root]# chmod 644 /home/cvsroot/CVSROOT/config

为了CVS系统的安全,我们要修改/home/cvsroot/CVSROOT/config文件,将“#SystemAuth =no”前面的注释号#去掉,即改为“SystemAuth =no”,然后给开发者们逐一建立账号,新建的不要分配用户目录,因为它将作为一个虚拟用户帐号来使用,具体命令如:

[root@terry root]# useradd -g cvs -M bogus

[root@terry root]# passwd bogus

上面的命令就创建了一个并没有Home目录的用户bogus,接着将系统的shadow文件复制到CVSROOT, 并重命名为passwd:

[root@terry root]# cp /etc/shadow /home/cvsroot/CVSROOT/passwd

[root@terry root]# chmod 0644 /home/cvsroot/CVSROOT/passwd

然后修改passwd文件,将除bogus之外的所有行删除,然后去掉每行第二个冒号以后的所有内容,并添上字符串cvsroot, 改为如下格式:

bogus:ND5$J8N9BW5DKV.nPdxfdsh:cvsroot

然后,删除掉刚刚在系统中添加的那个用户bogus:

[root@terry root]# userdel -f bogus

好了,到这里,CVS服务器端就已经安装设置好了,这样你的CVS用户就只能用passwd中规定的用户来登陆你的CVS服务器了,要注意的是:本文介绍的添加用户的方法适用于小数量的用户,如果是有大规模的开发人员,推荐采用连接LDAP或者数据库来进行用户的认证服务。

7. ubuntu怎么进行javaweb开发环境配置

一.搭建WEB开发环境

1.安装Java环境开发工具软件JDK

(1)从Java官方网站http://www.oracle.com/technetwork/java/javase/downloads/jdk6-downloads-1637591.html去下载相应的JDK版本jdk-6u33-linux-i586.bin

(2)安装jdk-6u33-linux-i586.bin

#chmoda+xjdk-6u33-linux-i586.bin
#./jdk-6u33-linux-i586.bin

运行以上命令会自动完成Java JDK安装。

(3)设置Java JDK运行环境

#vim/etc/profile#在此文件里添加以下内容

-----------------------------------------------
JAVA_HOME=/usr/java/jdk1.6.0_33
JRE_HOME=/usr/java/jdk1.6.0_33/jre
CLASSPATH=.:$JAVA_HOME/lib:$JAVA_HOME/jre/lib
PATH=$JAVA_HOME/bin:$JAVA_HOME/jre/bin:$PATH

export JAVA_HOME JRE_HOME CLASSPATH PATH

------------------------------------------------

设置完后,重启机器或注销后,运行以下命令:

#source/etc/profile#临时使当前shell控制台配置生效
#java-version
javaversion"1.6.0_31"
Java(TM)SERuntimeEnvironment(build1.6.0_31-b04)
JavaHotSpot(TM)ClientVM(build20.6-b01,mixedmode,sharing)

返回结果后,说明Java JDK安装成功!

2.搭建Tomcat服务器运行JSP脚本

(1)从Tomcat官方网站http://archive.apache.org/dist/tomcat/下载相应的Tomcat版本apache-tomcat-7.0.29.tar.gz
(2)安装apache-tomcat-7.0.29.tar.gz

#tar-xvfapache-tomcat-7.0.29.tar.gz
#mkdiropt
#mvapache-tomcat-7.0.29/opt/

(3)运行Tomcat

#cd/opt/apache-tomcat-7.0.29/bin
#./startup.sh#启动Tomcat

在浏览器里输入http://安装Tomcat的主机IP地址:8080/,如果返回Tomcat的帮助页面,说明Tomcat安装成功!

3. 使Tomcat服务器开机自动重起

#cd/etc/init.d
#vimtomcat
-----------------------------------------------
###
#
#程序提供:Tomcat
#需要启动:$network$local_fs
#需求停止:$network$local_fs
#开始级别:2345
#停止级别:06
#
###信息结束

PID_DIR=/var/run/tomcat
GET_VER=`ls/opt|greptomcat|seds/apache-//g`


TOMCAT_PID=$PID_DIR/tomcat.pid
TOMCAT_DIR=/opt/apache-tomcat-7.0.29/bin

TOMCAT_START=$TOMCAT_DIR/startup.sh
TOMCAT_STOP=$TOMCAT_DIR/shutdown.sh
./lib/lsb/init-functions


check_privsep_dir(){
#
if[!-d$PID_DIR];then
mkdir$PID_DIR
chmod0755$PID_DIR
fi
}

case"$1"in
start)
log_daemon_msg"Starting$GET_VERdaemons."
check_privsep_dir
start-stop-daemon--quiet--start--pidfile$TOMCAT_PID--exec$TOMCAT_START
;;

stop)
log_daemon_msg"Stopping$GET_VERdaemons."
start-stop-daemon--quiet--stop--oknodo--exec$TOMCAT_STOP
;;

restart)
start-stop-daemon--quiet--stop--oknodo--exec$TOMCAT_STOP
sleep3
start-stop-daemon--quiet--start--pidfile$TOMCAT_PID--exec$TOMCAT_START
;;
*)
echo"Usage:/etc/init.d/tomcat{start|stop|restart}"
exit1
esac
exit0
-----------------------------------------------

#chmod755tomcat
#chownroot:roottomcat

#update-rc.dtomcatstart992345.stop9906.#添加tomcat服务到99运行级别2,3,4,5

4.其他问题
(1)如果要安装JavaEE开发的JDK,请在http://www.oracle.com/technetwork/java/javaee/downloads/java-ee-sdk-6u3-jdk-6u29-downloads-523388.html网址下载java_ee_sdk-6u4-jdk-linux-ml.sh的多国语言版,安装这个软件包必须先安装JDK6。

在linux下安装javaEE的时候可能会遇到以下警告:
-----------------------------------------------
Could not locate a suitable jar utility.
Please ensure that you have Java 6 or newer installed on your system and accessible in your PATH or by setting JAVA_HOME
-----------------------------------------------

运行以下命令就可以解决:

#ln-s/usr/java/jdk1.6.0_33/bin/java/bin/java
#ln-s/usr/java/jdk1.6.0_33/bin/javac/bin/javac
#ln-s/usr/java/jdk1.6.0_33/bin/jar/bin/jar

这样就可以安装了,在安装java_ee_sdk-6u4-jdk-linux-ml.sh 软件包时,会安装glassfish服务器,提示并占用8080端口。

(2)如果Shell脚本运行,提示bad interpreter:No such file or directory错误!

#vim/etc/init.d/tomcat
使用:setff=unix强制将文件转换为unix格式。:wq保存退出。

8. 如何学习web开发环境搭建和脚手架

Web前端的学习路线


第一阶段:


HTML+CSS:


HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、


JavaScript基础:


Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。


JS基本特效:


常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。


JS高级特征:


正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、


jQuery:基础使用


悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。


第二阶段:HTML5和移动Web开发


Html5:


HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas.


CSS3:


CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。


Bootstrap:


响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。


移动Web开发:


跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。


第三阶段:HTTP服务和AJAX编程


WEB服务器基础:


服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。


PHP基础:


PHP基础语法、使用PHP处理简单的GET或者POST请求、


AJAX上篇:


Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。


AJAX下篇:


JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。


第四阶段:面向对象进阶


面向对象终极篇:


从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。


面向对象三大特征:


继承性、多态性、封装性、接口。


设计模式:


面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。


第五阶段:封装一个属于自己的框架


框架封装基础:


事件流、冒泡、捕获、事件对象、事件框架、选择框架。


框架封装中级:


运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。


框架封装高级和补充:


JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。


第六阶段:模块化组件开发


面向组件编程:


面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。


面向模块编程:


AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。


第七阶段:主流的流行框架


Web开发工作流:


Git/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。


MVC/MVVM/MVW框架:


Angular.js、Backbone.js、Knockout/Ember。


常用库:


React.js、Vue.js、Zepto.js。


第八阶段:HTML5原生移动应用开发


Cordova:


WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布)。


Ionic:


Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新,上拉加载,侧滑导航,选项卡)。


React Native:


React Native简介、React Native环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API。


HTML5+:


HTML5+中国产业、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5+开发和部署。


第九阶段: Node.js全栈开发:


快速入门:


Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。


核心模块和对象:


全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。


Web开发基础:


HTTP协议,请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。


快速开发框架:


Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。


Node.js开发电子商务实战:


需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车,订单结算、在线客服即时通讯模块。

9. web自动化测试环境如何搭建

web自动化测试环境搭建主要包含如下几点:
1. Python 开发环境
2. 安装selenium包
3. 安装浏览器
4. 安装浏览器驱动 -- 保证能够用程序驱动浏览器,实现自动化测试.
如果想学习更多的内容,一个朋友在传智播客学习软件测试.现在月薪12K。

10. 如何在eclipse中搭建javaweb开发环境

1、进行再左边框中进行右键的方式,弹出了下拉菜单中进行选择为“new”的选型菜单。
2、进入到了下一格下拉菜单中进行选择为“dynamic web project”的选型菜单。
3、这样就会弹出了一个new dynamic web project中,在project name中进行输入项目名称,进行点击
4、弹出了一个new server runtime environment的选项中,进行选择电脑已有tomcat的对应的版本。
5、选择完成之后返回到new dynamic web project的界面中,进行点击点击next,默认选项直接next即可。
6、进入到了下一步以后,进行勾选上
7、这样项目的javaweb项目创建完成了。