Collection
Collection
一、sublime Text
1、 sublime Text3 官网下载，安装好后，control+~ 打开控制台，
复制一段脚本，这段脚本是 Ruby 写的，可以在官网上找，也
可以度娘。
2、 control + shift + p 打开应用查询器，p c i , i n s
3、 插件：Emmet , sublimeCodeIntel 代码补全，sublimeLinter 代码检查
sideBarEnhancement 右键菜单增强
4、 主题： Boxy Theme , meterial 等宽字体，
二、本地环境搭建
1、 下载 PHP工具箱 ，在 myphp_www/phpTutorial/www/ 下创建文件目录 front/html ,
之后在 html 文件目录下放 html文件。
2、 php工具箱页面下，其他选项菜单->站点域名 -> 填写本地主机名称 www.front.io
目录： 标明路径到 front 即可
第二个域名： front.io
端口： 80
然后 新增 ，保存，重启
再然后：其他选项菜单 -> holst 之后加入： 127.0.0.1 www.front.io
127.0.0.0 front.io
然后再重启。
测试： 浏览器网址中输入：www.front.io/html/test.html
你好棒!!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE HTML>
<html lang="ch">
<head>
<meta charset="utf-8">
<style>
.box{
margin: 200px auto;
color: brown;
width: 760px;
background-color: rgba(255,165,0,.5);
padding:16px;
border-radius: 8px;
box-shadow: 6px 6px 2px 6px #272727;
}
h2{
width: 100px;
height: 30px;
line-height: 30px;
margin: 0 auto;
text-align: center;
font-size: 22px;
border-radius: 8px;
}
p{
font-size: 16px;
color: brown;
text-indent: 2em;
line-height: 1.5em;
}
</style>
<body>
<div class="box">
<h2 onmouseover="change(this)" onmouseout = "old(this)">喜欢你</h2>
<p>
在九月，潮湿的天空，你看着窗外，窗外它，水管在开花，椅子在异乡，树叶有翅膀，上海的街道，
雪山在边上，你靠着车窗，我心脏一旁，我们去哪？
</p>
<p>
你看那，九点钟方向，日内瓦湖的房子贵吗，世界上七千个地方，我们定居哪，告诉我你的答案是
什么，你喜欢去哪，青海或三亚，冰岛或希腊，南美不去吗，沙漠你爱，我问太多了。
</p>
<p>
知道吗？这里的雨季只有一两天，白昼很长，夜晚有三年。
</p>
知道吗？今天的消息，说一号公路上那座桥断了，我们还去吗，要不再说呢，会修一年吧，
一年你等吗？你还去吗？你喜欢吗？
</p>
</div>
<script>
function change(e){
e.style.fontSize = "28px";
e.style.color = "#abcdef";
e.style.backgroundColor = "green";
}
function old(e){
e.style.fontSize = "22px";
e.style.color ="brown";
e.style.backgroundColor ="";
}
</script>
</body>
<head>
</html>