Initial commit

This commit is contained in:
chuqiuyu
2022-06-08 22:39:20 +08:00
commit 8d2ee47921
9 changed files with 2864 additions and 0 deletions

5
.gitignore vendored Normal file
View File

@@ -0,0 +1,5 @@
.idea/
node_modules/
css/*.css*

18
README.md Normal file
View File

@@ -0,0 +1,18 @@
# UI Dev
Just a quick repo I made to test UI development
# Usage
The server will watch HTML/CSS/JS and reload when changes are detected.
`npm run server`
If you need anything else to work with (e.g. `bulma` or `nord`) simply install them with npm.
# Jetbrains FileWatcher (if available)
This image was taken on Windows,
so `Program` may need to be changed on *nix.
![file-watcher](file-watcher.png)

1
css/.gitkeep Normal file
View File

@@ -0,0 +1 @@
# Compiled by Sass

BIN
file-watcher.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

13
html/index.html Normal file
View File

@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<h1>Hello, world!</h1>
<script src="../js/main.js"></script>
</body>
</html>

1
js/main.js Normal file
View File

@@ -0,0 +1 @@
console.log("Hello, world!");

2813
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

10
package.json Normal file
View File

@@ -0,0 +1,10 @@
{
"scripts": {
"sass": "npx dart-sass sass/style.scss css/style.css",
"server": "npx browser-sync start --server --no-notify --files \"css/*.css\" --files \"js/*.js\" --files \"html/*.html\" --startPath \"/html/\""
},
"dependencies": {
"browser-sync": "^2.26.7",
"dart-sass": "^1.25.0"
}
}

3
sass/style.scss Normal file
View File

@@ -0,0 +1,3 @@
h1 {
color: rebeccapurple;
}