Diferencia entre revisiones de «React Native»
De TechShareRoom wiki
Más acciones
Página creada con «<syntaxhighlight lang="bash "> npm install npm run build npm run dev </syntaxhighlight> <syntaxhighlight lang="bash "> http://localhost:5173/ </syntaxhighlight> Si se quiere mover la app a otra parte, mover el contenido de la carpeta dist en la carpeta que se quiera del servidor. == Apache == <syntaxhighlight lang="bash "> <Directory /var/www/html/motorshareroom/electric-car-saving-calculator> Options Indexes FollowSymLinks AllowO…» |
|||
| (No se muestran 6 ediciones intermedias del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
== Instalación == | |||
<syntaxhighlight lang="bash "> | |||
sudo pacman -S nodejs npm nvm | |||
</syntaxhighlight> | |||
Una vez la app descargada donde toca... | |||
<syntaxhighlight lang="bash "> | <syntaxhighlight lang="bash "> | ||
npm install | npm install | ||
| Línea 4: | Línea 12: | ||
npm run dev | npm run dev | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Si falta alguna dependencia | |||
<syntaxhighlight lang="bash "> | |||
npm install -D @vitejs/plugin-react | |||
</syntaxhighlight> | |||
Solucionando permisos. No suele ser necesario, funciona sin hacer esto: | |||
<syntaxhighlight lang="bash "> | |||
sudo chown -R www-data:www-data /var/www/html/mi-app | |||
sudo chmod -R 755 /var/www/html/mi-app | |||
</syntaxhighlight> | |||
Si se sirve desde subruta cambiar la base en | |||
vite.config.ts y pon: | |||
<syntaxhighlight lang="bash "> | |||
import { defineConfig } from 'vite'; | |||
import react from '@vitejs/plugin-react'; | |||
export default defineConfig({ | |||
base: '/electric-car-saving-calculator/', | |||
plugins: [react()], | |||
}); | |||
</syntaxhighlight> | |||
<syntaxhighlight lang="bash "> | <syntaxhighlight lang="bash "> | ||
http://localhost:5173/ | http://localhost:5173/ | ||
| Línea 9: | Línea 43: | ||
Si se quiere mover la app a otra parte, mover el contenido de la carpeta dist en la carpeta que se quiera del servidor. | Si se quiere mover la app a otra parte, mover el contenido de la carpeta dist en la carpeta que se quiera del servidor. | ||
=== Recargar package.json.lock === | |||
<syntaxhighlight lang="bash "> | |||
rm -rf package-lock.json node_modules | |||
npm install | |||
npm run dev | |||
npm run build | |||
</syntaxhighlight> | |||
=== Actualizar dependencias === | |||
Forma tradicional, más lenta y segura | |||
<syntaxhighlight lang="bash "> | |||
npm outdated | |||
#Examples | |||
npm updated | |||
#Specific | |||
npm install --save-dev @types/react@latest @types/react-dom@latest | |||
npm install @vitejs/plugin-react@latest | |||
npm install vite@latest | |||
</syntaxhighlight> | |||
Forma moderna, rápida y un poco peligrosa | |||
<syntaxhighlight lang="bash "> | |||
npx npm-check-updates | |||
npx npm-check-updates -u | |||
npm install | |||
</syntaxhighlight> | |||
<syntaxhighlight lang="bash "> | |||
# Escanea vulnerabilidades | |||
npm audit | |||
# Arregla automáticamente vulnerabilidades que se pueden corregir sin romper nada | |||
npm audit fix | |||
# Para forzar actualización de vulnerabilidades graves incluso si hay cambios de breaking | |||
npm audit fix --force | |||
</syntaxhighlight> | |||
=== Actualizar versión app === | |||
Modificar package.json y luego | |||
<syntaxhighlight lang="bash "> | |||
npm install | |||
</syntaxhighlight> | |||
Se acatualizará package-lock.json con los cambios | |||
== Apache == | == Apache == | ||
<syntaxhighlight lang="bash ">Alias /electric-car-saving-calculator /var/www/html/motorshareroom/electric-car-saving-calculator</syntaxhighlight> | |||
<syntaxhighlight lang="bash "> | <syntaxhighlight lang="bash "> | ||
<Directory /var/www/html/motorshareroom/electric-car-saving-calculator> | <Directory /var/www/html/motorshareroom/electric-car-saving-calculator> | ||
| Línea 17: | Línea 101: | ||
Require all granted | Require all granted | ||
</Directory> | </Directory> | ||
</syntaxhighlight> | |||
Revisión actual - 22:03 27 dic 2025
Instalación
sudo pacman -S nodejs npm nvmUna vez la app descargada donde toca...
npm install
npm run build
npm run devSi falta alguna dependencia
npm install -D @vitejs/plugin-reactSolucionando permisos. No suele ser necesario, funciona sin hacer esto:
sudo chown -R www-data:www-data /var/www/html/mi-app
sudo chmod -R 755 /var/www/html/mi-appSi se sirve desde subruta cambiar la base en vite.config.ts y pon:
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
export default defineConfig({
base: '/electric-car-saving-calculator/',
plugins: [react()],
});http://localhost:5173/Si se quiere mover la app a otra parte, mover el contenido de la carpeta dist en la carpeta que se quiera del servidor.
Recargar package.json.lock
rm -rf package-lock.json node_modules
npm install
npm run dev
npm run buildActualizar dependencias
Forma tradicional, más lenta y segura
npm outdated
#Examples
npm updated
#Specific
npm install --save-dev @types/react@latest @types/react-dom@latest
npm install @vitejs/plugin-react@latest
npm install vite@latestForma moderna, rápida y un poco peligrosa
npx npm-check-updates
npx npm-check-updates -u
npm install# Escanea vulnerabilidades
npm audit
# Arregla automáticamente vulnerabilidades que se pueden corregir sin romper nada
npm audit fix
# Para forzar actualización de vulnerabilidades graves incluso si hay cambios de breaking
npm audit fix --forceActualizar versión app
Modificar package.json y luego
npm installSe acatualizará package-lock.json con los cambios
Apache
Alias /electric-car-saving-calculator /var/www/html/motorshareroom/electric-car-saving-calculator <Directory /var/www/html/motorshareroom/electric-car-saving-calculator>
Options Indexes FollowSymLinks
AllowOverride None
Require all granted
</Directory>