<h1 id="vite-no-bundle-setup-for-vuejs-react-and-preact">Vite — No Bundle Setup for Vuejs, React and Preact</h1>
<blockquote>
Hey Developers!
I have uploaded a video for introducing vite-no bundle setup tool for vuejs, react and preact.
</blockquote>
Vite setup for vuejs, react &amp; preact
<blockquote>
Installing vuejs vite template:
</blockquote>
<pre><code>$ npx create-vite-app &lt;app-name&gt; 
 or
$ npm init vite-app &lt;app-name&gt;&lt;/span&gt;
</code></pre><ul>
<li>By Default, vuejs template will be installed! React and Preact template will also be installed using vite if mentioned!</li>
</ul>
<blockquote>
Installing react &amp; preact template using vite:
</blockquote>
<ul>
<li>For React JS,</li>
</ul>
<pre><code>// React
$ npx create-vite-app &lt;app-name&gt; --template=react
 or 
$ npm init vite-app &lt;app-name&gt; --template=react&lt;/span&gt;
</code></pre><ul>
<li>For React Typescript support,</li>
</ul>
<pre><code>// React Typescript
$ npx create-vite-app &lt;app-name&gt; --template=react-ts
 or 
$ npm init vite-app &lt;app-name&gt; --template=react-ts&lt;/span&gt;
</code></pre><ul>
<li>For Preact js,</li>
</ul>
<pre><code>// Preact
$ npx create-vite-app &lt;app-name&gt; --template=preact
 or
$ npm init vite-app &lt;app-name&gt; --template=preact&lt;/span&gt;
</code></pre><blockquote>
Installing dependencies and Running the app:
</blockquote>
<pre><code>$ npm run dev&lt;/span&gt;
</code></pre><ul>
<li>Thank you!</li>
</ul>

# Vite — No Bundle Setup for Vuejs, React and Preact


> Hey Developers!
> I have uploaded a video for introducing vite-no bundle setup tool for vuejs, react and preact.

Vite setup for vuejs, react & preact

> Installing vuejs vite template:


```
$ npx create-vite-app <app-name> 
 or
$ npm init vite-app <app-name>
```


* _By Default, vuejs template will be installed! React and Preact template will also be installed using vite if mentioned!_

> Installing react & preact template using vite:

* For React JS,


```
// React
$ npx create-vite-app <app-name> --template=react
 or 
$ npm init vite-app <app-name> --template=react
```


* For React Typescript support,


```
// React Typescript
$ npx create-vite-app <app-name> --template=react-ts
 or 
$ npm init vite-app <app-name> --template=react-ts
```


* For Preact js,


```
// Preact
$ npx create-vite-app <app-name> --template=preact
 or
$ npm init vite-app <app-name> --template=preact
```


> Installing dependencies and Running the app:


```
$ npm run dev
```

* Thank you!