第二天-Button
目標
I . 學習基礎終端機操作——＞重新命名文件夾
II. 使用Bootstrap UI文件庫——＞製作按鈕＋快捷鍵
學習基礎終端機操作
主要指令英文
-
pwd 查看路徑 ：我在哪裡
-
ls 列出所有文件 : 我可以往哪裡去
-
cd 切換路徑 : 前進
-
tab 自動補全
-
enter 進入
-
cd 空格 .. ：回到上一層
-
mkdir ＋ 文件名 :創建新的文件夾
-
open 空格 . ：打開
-
mv ＋原本文件名 ＋要更改成的文件名 ：重新命名文件夾
重新命名文件夾
【asabulu】ls enter >>> cd space 【Day2】 tab enter >>> 【Day2】open space . enter >>> cd .. enter >>>【asabulu】 mv 【Day2】【hi】enter >>> 【asabulu】ls enter >>> 【hi】
注意：
1.使用終端機更改文件名時，是使用『搬動』更改。
2.一定要注意，pwd我在哪裡， ls 我可以往哪裡去，要搞清楚自己在哪裡。
3.再在【asabulu】文件下，更改【Day1】的文件名。
4.在使用ws時候，重新命名文件夾，會導致ws的重新開啟時路徑混亂。
>>>>要到【hi】文件夾，刪除【idea】檔。
>>>>到【asabulu】刪除WS的臨時建的 【Day2】。
>>>>重新啟動WS，WS就更新的路徑
使用Bootstrap UI文件庫
製作按鈕
1.菜鳥教程Bootstrap
2.在WS中的<head></head>加入Bootstrap
<title>Day 2</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
3.在加入button程式碼
<body>
<div>
<h1>Hi world</h1>
<button>aaa</button>
<button class="btn">aaa</button>
<button class="btn btn-primary">aaa</button>
<button class="btn btn-danger">aaa</button>
</div>
</body>
補充：WS中的快捷鍵
- command delete 刪除一排
- shift command ↑ or ↓ 一行程式碼上下移動
- command D 複製一行
螢幕快照 2018-01-01 18.35.02.png
最近流感嚴重，昨天豬仔感冒了，跨年在照顧豬仔中度過，所以171231沒學習。還是要繼續努力。
聽 I Believe in your victory.
2018年，一步一腳印，緩緩彈起屬於自己的音樂，有高有低的音符中，尋覓我的信念。
网友评论