WebStorm+BootStrap安装用Tomcat部署Web项目(图文详解+实例).pdfVIP

WebStorm+BootStrap安装⽤Tomcat部署Web项⽬（图⽂详解

+实例）

安装和破解WebStorm

1.

2.安装，安装地址看个⼈情况修改

.32位这⾥选择32-bitlauncher

.64位这⾥选择64-bitlauncher

3.破解

.第⼀次使⽤时会出现如下图⽚，这⾥选择下⾯的选项

.

.然后点击获得注册码，复制注册码，到下⽅，就可以免费试⽤到明年5⽉份后

.这个注册码也可以激活PyCharm

.host⽂件位置C:\Windows\System32\drivers\etc

BootStrap下载

1.

.建议下载中间的

WebStorm部署Tomcat服务器

1.Tomcat服务器部署参考

2.打开WebStorm--File--Settings

3.Build,Execution,Deployment--Deployment

.添加Tomcat服务器

.Tomcat是本地服务器说以选择Localormountedfloder

.Webapps服务器⽂件存储位置

.8080端⼝（不解(▼へ▼メ)释）

4.修改本地⽂件存储位置，服务器⽂件保存地址，访问地址

.WebStorm⼀次只能运⾏⼀个项⽬

.T001_BootStrap这⾥是项⽬名

PS：在Deploymentpathonsever中不能只打⼀个\

.Tomcat⽆妨访问根⽬录下的html⽂件所以写法为\+项⽬名（建议写法）

.Webpathonserver:这⾥为访问地址写法为：/+项⽬名（建议写法）

5.⽤BootStrap写⼀个Html⽂件

.bootstrap-3.3.7解压⽂件--dist--css--bootstrap.min.css

.将bootstrap.min.css复制到项⽬中

.新建HTMLFile

简单代码：

!DOCTYPEhtml

htmllang=en

head

metacharset=UTF-8

metaname=ViewPortcontent=width=device-width,initial-scale=1

title第⼀个BooStrap⽹页/title

linkrel=stylesheethref=bootstrap.min.css

style

body{

padding-top:50px;

}

.strter{

padding:20px15px;

text-align:center;

}

/style

/head

body

navclass=navbarnavbar-inversenavbar-fixed-toprole=navigation

divclass=container

divclass=navber-header

aherf=#class=navbar-brandProjectName/a

/div

divid=navbarclass=collapsenavbar-collapse

ulclass=navnavbar-nav

liclass=activeahref=#Home/a/li

liclass=activeahref=#About/a/li

liclass=activeahref=#Contact/a/li

/ul

/div

/div