pages/assets/public_kronos_docs_getting-started.md.d3fc63be.js

2 lines
5.2 KiB
JavaScript
Raw Normal View History

import{_ as e,o as t,c as o,Q as i}from"./chunks/framework.1169fbc9.js";const y=JSON.parse('{"title":"Getting started","description":"","frontmatter":{},"headers":[],"relativePath":"public/kronos/docs/getting-started.md","filePath":"public/kronos/docs/getting-started.md","lastUpdated":1664930814000}'),a={name:"public/kronos/docs/getting-started.md"},n=i('<h1 id="getting-started" tabindex="-1">Getting started <a class="header-anchor" href="#getting-started" aria-label="Permalink to &quot;Getting started&quot;"></a></h1><p>Welcome to The Modding Tree!</p><p>Using the Modding Tree, at its simplest level, just requires getting a copy of it onto your computer. However, if you do it the right way, it will help in many ways.</p><p>Don&#39;t let the word &quot;Github&quot; scare you away. It&#39;s actually much easier to use than most people think, especially because most people use it the hard way. The key is Github Desktop, which lets you do everything you need to, without even touching the command line.</p><p>The benefits of using Github:</p><ul><li>It makes it much, much easier to update The Modding Tree.</li><li>You can share your work without any extra effort using githack, or with a bit more effort, set up a github.io site.</li><li>It lets you undo changes to your code, and to have multiple versions of it.</li><li>It lets you collaborate with other people, if you want to.</li></ul><h2 id="getting-set-up-with-github-desktop-visual-studio-code-and-the-modding-tree" tabindex="-1">Getting set up with Github Desktop, Visual Studio Code, and The Modding Tree: <a class="header-anchor" href="#getting-set-up-with-github-desktop-visual-studio-code-and-the-modding-tree" aria-label="Permalink to &quot;Getting set up with Github Desktop, Visual Studio Code, and The Modding Tree:&quot;"></a></h2><ol><li><p>Install <a href="https://desktop.github.com/" target="_blank" rel="noreferrer">Github Desktop</a> and <a href="https://code.visualstudio.com/" target="_blank" rel="noreferrer">Visual Studio Code</a>.</p></li><li><p>Make a Github account. You can handle this on your own.</p></li><li><p>Log in on your browser, and go back to <a href="https://github.com/Acamaeda/The-Modding-Tree" target="_blank" rel="noreferrer">The Modding Tree page</a>. At the top right, there should be a button that says &quot;fork&quot;. Click on it, and then on your username. You now have your own fork, or copy, of The Modding Tree.</p></li><li><p>Open Github Desktop and log in. Ignore everything else and choose &quot;clone a repository&quot;. A &quot;repository&quot; is basically a &quot;Github project&quot;, like The Modding Tree. &quot;Cloning&quot; is downloading a copy of the repository to your computer.</p></li><li><p>Look for The Modding Tree in the list of repositiories (it should be the only one) and click &quot;clone&quot;.</p></li><li><p>Select that you&#39;re using it for your own purposes, and click continue. It will download the files and handle everything.</p></li></ol><h3 id="using-your-repository" tabindex="-1">Using your repository <a class="header-anchor" href="#using-your-repository" aria-label="Permalink to &quot;Using your repository&quot;"></a></h3><ol><li><p>Click on &quot;show in explorer/finder&quot; to the right, and then open the index.html file in the folder. The page should open up on your browser. This will let you view and test your project locally!</p></li><li><p>To edit your project, click &quot;open in VSCode&quot; in Github Desktop.</p></li><li><p>Open <a href="/js/mod.js">mod.js</a> in VSCode, and look at the top part where it has a &quot;modInfo&quot; object. Fill in your mod&#39;s name to whatever you want, and change the id as well. (It can be any string value, and it&#39;s used to determine where the savefile is. Make it something that&#39;s probably unique, and don&#39;t change it again later or else it&#39;ll effectively wipe existing saves)</p></li><li><p>Save <a href="/js/mod.js">mod.js</a>, and then reload <a href="/index.html">index.html</a> in your browser. The title on the tab, as well as on the info page,