Comments on How to test CoDesign?
Parent
How to test CoDesign? Question
If I make any changes to CoDesign. Then, I have to test what changes I made. Is there possible way to build local server (http://localhost/)? To test while making changes.. I have run npm install, npm run build and npm run js_build. I don't know what I should do next.
I have a test page on my local dev environment so that I can test things. If you look at `.gitignore`, you'll find there …
3y ago
Here is an easy way to directly link CoDesign to QPixel. Clone QPixel and follow the instruction to run QPixel in you …
3y ago
Use the following command for live server. said Luap (Discord) ```bash npx @11ty/eleventy --serve ``` It is bett …
3y ago
Post
I have a test page on my local dev environment so that I can test things. If you look at .gitignore, you'll find there's an ignore in there for scratch/* already.
Create a directory called scratch, add an index.html in there something like this:
<!-- index.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Test Page</title>
<link href="../dist/codidact.css" rel="stylesheet" type="text/css" />
<script src="../js/co-design.js" type="application/javascript" defer></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" type="application/javascript"></script>
<script src="scratch.js" type="application/javascript"></script>
</head>
<body>
<header class="header is-dark h-bg-green-700">
<div class="container header--container">
<div class="header--brand">
<a class="header--instance-name" href="#">Codidact</a>
<a class="header--site-name" href="#">Gibberish</a>
</div>
<div class="header--menu">
<a class="header--item is-visible-on-mobile is-complex" href="#">
<img src="https://placekitten.com/100/100" class="header--item-image" alt="..." />
<span class="header--alert">1</span>
<span class="header--trust-level">5</span>
</a>
</div>
</div>
</header>
<main class="container">
<!-- add whatever you want to test in here -->
</main>
</body>
</html>
I also have a scratch.js file in the same directory so that I can test any JS functionality, but if you're just making CSS changes that HTML is all you'll need.
0 comment threads