This is a template for scaffolding Svelte apps. This template is basically a copy of the sveltejs/template to which I added the Yarn Plug'n'Play feature.
This means no more node_modules
with hundred of megabytes in each of your projects and it is so much faster. Pure Awesomeness!
To create a new project based on this template, you can use degit, a straightforward project scaffolding tool writtent by Rich Harris, the Svelte author. Go check it out, You'll be impressed.
Note that you will need to have Node.js v8+ installed to use degit
.
Create your project:
npx degit laplix/svelte-template-yarn-pnp your-svelte-app
Alternatively, you can install degit
on your machine and use it like such:
npm install -g degit
degit laplix/svelte-template-yarn-pnp your-svelte-app
Install the dependencies...
cd your-svelte-app
yarn
...then start the development server using Rollup (a module bundler also written by Ricj Harris):
yarn dev
Navigate to localhost:5000. You should see your app running.
Start coding:
Edit the main.js
file in src
, replace the name
property with your app name, save it, and you should see your change reflected immediately in your browser.
Now, edit src/app.svelte
and add the following under the <h1>
header:
<h2>Welcome to my new app</h2>
Save it. Again, you should see the change in the brpwser.
Happy coding...
For more information about Svelte templates, please see the original template README.
If your new to Svelte, I strongly suggest the Svelte tutorial which will get you up to speed rapidly. Alos, a visit to svelte examples and the Svelte API will also help you a lot.