This is a custom project starter for Vue.js, preconfigured with commonly used dependencies and configurations to help you kickstart your Vue.js projects quickly.
- Vue.js setup with single-file components
- Preconfigured with Vue Router for routing
- Route loading progress bar
- Axios for making HTTP requests
- TailwindCss for styling
- Preconfigured Dark Mode
- Vue Motion for animations
- Customized directory structure for scalability and organization
- Basic configuration for linting and formatting using ESLint and Prettier
To use this project starter, you need to have the following software installed on your machine:
- Node.js (version 12 or higher)
- npm (Node Package Manager) or yarn or pnpm
npx @wolmer/create-vuejs [project name]-
Clone or download this repository to your local machine:
git clone https://github.com/thewolmer/create-vuejs
-
Navigate to the project's root directory:
cd create-vuejs -
Install the project dependencies:
npm install
-
Start the development server:
npm run dev
The development server will run at http://localhost:5173
Open your web browser and visit http://localhost:5173. You should see the default Wolmer's Vue.js welcome page.
The project structure is organized as follows:
āāā public/
ā āāā \_redirects
ā āāā favicon.ico
āāā src/
ā āāā assets/
ā āāā components/
ā āāā router/
ā āāā views/
ā āāā App.vue
ā āāā main.js
āāā .eslintrc.js
āāā .eslintignore
āāā .gitignore
āāā .prettierrc
āāā index.html
āāā netlify.toml
āāā vercel.json
āāā pnpm-lock.yaml
āāā postcss.config.js
āāā package.json
āāā tailwind.config.js
āāā vite.config.js
āāā README.mdThis project is licensed under the MIT License. Feel free to use and modify it for your own projects.
##Acknowledgements This project starter is built upon the foundation of Vue.js and utilizes various open-source dependencies. We express our gratitude to the developers of these projects for their contributions.
- Vue.js - https://vuejs.org/
