0
votes

Comment exécuter le projet React à partir de github sans installer npm

Je suis tout nouveau pour réagir, alors j'ai pensé que j'apprendrais en bricolant le code d'autres personnes à partir de github, mais le problème avec cela est que chaque fois que je cloner un dépôt de github vers vs code, il vient juste avec le code nu et non les modules de nœuds. Cela signifie-t-il que je dois faire l'installation de npm chaque fois que j'essaye d'exécuter un projet React à partir de github? Supposons également que je crée mon propre projet de réaction et que je le mette sur github. Je suppose que je vais également le mettre sans les modules de nœud. Cela signifie-t-il que tous ceux qui souhaitent exécuter mon projet doivent également le faire? Existe-t-il un moyen efficace et rapide d'exécuter le projet?

reactjs github

0 commentaires

3 Réponses :

1
votes

Oui, vous devrez exécuter npm install (ou yarn (ou un autre gestionnaire de packages Node alternatif)) pour obtenir les packages nécessaires pour exécuter l'application.

L'autre méthode consiste simplement à exécuter une version intégrée de l'application (par exemple, voir ici pour Créer une application React ).

1 commentaires

pouvez-vous spécifier comment exécuter une version intégrée. Les éléments du lien que vous avez fournis m'ont un peu dérouté

2
votes

"Je suis tout nouveau pour réagir"

Tout d'abord, vous pouvez également apprendre à réagir sans environnement de nœuds (il est plus facile d'apprendre les bases par des exemples simples. Vous trouvez une infinité codepens sous react docs ).
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />

    <title>Hello React!</title>

    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
  </head>

  <body>
    <div id="root"></div>

    <script type="text/babel">
      class App extends React.Component {
        render() {
          return <h1>Hello world!</h1>
        }
      }

      ReactDOM.render(<App />, document.getElementById('root'))
    </script>
  </body>
</html>
.gitignore

Sous le dossier root , ajoutez le fichier .gitignore et saisissez-le dans les modules de nœuds ( Fichiers non suivis que Git devrait ignorer).

** Cette idée empêche votre dépôt de stocker / télécharger des fichiers supplémentaires sans fin.

Exemple de create-react-app repo:

Git - gitignore docs: ** https://git-scm.com/docs/gitignore

Question connexe: Git - Ignorer le dossier node_modules partout

Installer les dépendances package.json

Par défaut, npm install installera tous les modules répertoriés comme dépendances dans package.json. https://docs.npmjs.com/cli/install

Après avoir téléchargé / cloné un dépôt, vous devez exécuter npm install (c'est-à-dire où se trouve package.json) pour installer vos dépendances package.json ( Cette commande ajoute les dépendances dans votre dossier local node_modules).

react-app h3>
react-app repo fonctionne une petite différence - par une commande, il configure l'ensemble de votre environnement de développement (Inclure les dépendances NPM).

clone react-app StackOverflow associé Q: Démarrage de l'application React à partir d'un projet github extrait

Similaire: nextjs
Site Web / docs "Create React App": strong > https://create-react-app.dev/

Apprentissage courbe

Mon conseil: Suivez un cours de base sur node / npm (Youtube / Google / Medium / Linkedin-learning / udemy / treehouse / Books et ainsi de suite). Pas moyen de vraiment couvrir votre réponse Q by StackOverflow.

2 commentaires

Je vois. Mais y a-t-il un moyen d'exécuter le projet react depuis github juste pour voir à quoi il ressemble? ce qui signifie que je ne vais pas ajouter mes propres modifications - je veux juste voir comment le projet se déroule

Github utilisé pour le contrôle de version, vous devez héberger les fichiers quelque part (local / distant) et exécuter le serveur node.js pour cela. Quoi qu'il en soit, cloner / -ou- télécharger ZIP et exécuter npm install sous le dossier racine prend 3-4 minutes -ou- essayez un outil Cloud comme gitpod.io (également sous l'outil cloud, vous devez exécuter npm install ).

1
votes

La bonne façon est de pousser votre code sans modules de nœuds vers GitHub. Tous les packages avec le numéro de version correspondant sont enregistrés dans un fichier (la plupart du temps appelé: package.json) et ce fichier est également poussé vers GitHub. Quand quelqu'un télécharge le code, il peut installer tous les packages définis dans le fichier avec un gestionnaire de packages (npm, yarn ou tout autre) et la commande correspondante (npm install, yarn install, ...). Une fois que vous avez installé les packages, vous pouvez exécuter le code autant de fois que vous le souhaitez. Vous ne devez mettre à jour les packages que lorsque de nouveaux sont ajoutés au code (nouvelle version). Cette méthode fait partie des meilleures pratiques. Les gestionnaires de packages comme npm sont utilisés pour de nombreux projets logiciels différents, pas seulement pour les projets React.

Vous pouvez également pousser vos modules de nœuds sur GitHub, mais cela prendra beaucoup d'espace, le téléchargement / chargement peut être pénible et ce n'est pas recommandé. Mais c'est possible.

0 commentaires