This simple app generates a PDF version of Hugues Blanco Alvarez's CV.
Clone the project
git clone https://github.com/HuguesBlanco/get-cv.git
Navigate to the app folder.
cd get-cv
Install dependencies.
npm install
Run the dev
script to start the development server.
npm run dev
The development server will be available at http://localhost:5173.
If you're using Visual Studio Code, the following plugins can greatly enhance your development experience.
- ESLint
Integrates ESLint into VS Code, displaying errors and warnings directly in the editor without the need to run ESLint manually. - Prettier - Code formatter
Automatically formats your code on save. To ensure that Prettier formats your code each time you save a file, you need to add the following lines to your settings.json file:These settings enable automatic formatting on save and set Prettier as the default formatter."editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode"
- VS Code ES7+ React/Redux/React-Native/JS snippets
Adds shorthand prefixes and code snippets to autocompletion suggestions, accelerating and facilitating development. - GitLens — Git supercharged
Enhances Git capabilities in VS Code by providing a variety of tools, such as displaying historical context about line changes in the editor and showing a stash view in your source control tab. - Vitest Integrates Vitest into VS Code, providing a graphical interface to run and debug tests directly in the editor.
Add the following configuration to your settings.json file in Visual Studio Code:
"editor.codeActionsOnSave": {
"source.organizeImports": true
}
This setting automatically organizes your imports every time you save a file. This ensures that imports are always sorted consistently, preventing unnecessary changes in import order during merge requests and improving code readability.
In the project directory, you can run the following scripts:
Script | Description |
---|---|
npm run dev |
Starts the development server. Open http://localhost:5173 to view it in your browser. The development server integrates Hot Module Replacement (HMR), which automatically reloads the application when you make changes to the code. |
npm run typescript |
Runs the TypeScript compiler in watch mode. It will continuously check your code for type errors and other issues as you make changes. |
npm run lint |
Runs ESLint and displays potential code problems. This helps maintain code quality and consistency. |
npm run test |
Runs all unit tests using Vitest. |
npm run build |
Builds the application for production. This script compiles the TypeScript code and bundles the application with Vite. The output will be in the dist folder. |
npm run preview |
Serves the production build locally. This is useful for testing the production build before deploying. Note: You must run npm run build beforehand. |