WebStorm+BootStrap安装⽤Tomcat部署Web项⽬（图⽂详解
+实例）
WebStorm安装和破解
1.
2.安装  ，安装地址看个⼈情况修改
. 32位 这⾥选择 32-bit launcher
. 64位 这⾥选择 64-bit launcher
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 是本地服务器 说以选择 Local or mounted floder
. Webapps 服务器⽂件存储位置
. 8080 端⼝（不解(▼へ▼メ)释）
4.修改本地⽂件存储位置，服务器⽂件保存地址，访问地址
. WebStorm ⼀次只能运⾏⼀个项⽬
.
bootstrap项目
T001_BootStrap 这⾥是项⽬名
PS：在Deployment path on sever 中 不能只打⼀个 \
. Tomcat ⽆妨访问根⽬录下的 html ⽂件  所以 写法为 \ + 项⽬名（建议写法）
. Web path on server : 这⾥为访问地址 写法为 ：/ + 项⽬名（建议写法）
5. ⽤BootStrap 写⼀个 Html⽂件
. bootstrap-3.3.7解压⽂件 --> dist --> css --> bootstrap.min.css
. 将bootstrap.min.css 复制到 项⽬中
.  新建HTML File
简单代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="ViewPort" content="width=device-width,initial-scale=1">    <title>第⼀个BooStrap⽹页</title>
<link rel="stylesheet" href="bootstrap.min.css">
<style>
body{
padding-top: 50px;
}
.strter{
padding: 20px 15px;
text-align: center;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">    <div class="container">
<div class="navber-header">
<a herf="#" class="navbar-brand">Project Name</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="active"><a href="#">About</a></li>
<li class="active"><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="strter">
<h1> BootStrap Starter Template</h1>
<p class="lead">第⼀天测试结束！起来嗨٩(❛ᴗ❛)۶</p>
</div>
</body>
</html>
6. 如图

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。