#主題:建立一個個人網站樣式表
Step 1
安裝Visual Studio Code和Node.js
Step 2
在Visual Studio Code中新建一個資料夾,命名為 "sass-project"。再在sass-project中建立scss和css資料夾,再在個別資料夾新增main。
Step 3
撰寫main.scss
// 定義變數
$primary-color: #3498db;
$font-stack: 'Helvetica', sans-serif;
// 基礎樣式
body {
margin: 0;
font-family: $font-stack;
background-color: #f5f6f7;
}
h1 {
color: $primary-color;
}
Step 4
在cmd中安裝Sass編譯器。
Step 5(失敗)
編譯Sass,將.scss文件編譯為.css 文件。
正常來說main.css會有我的成果,可是好像失敗了,不過今天有點晚了,明天在試試。
加油!!!