create-react-app 教程1 项目初始化，目录介绍

使用以下命令来创建一个react-app

  

   

    

     

    
    

     

      npm init react-app my-app
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      cd my-app
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      npm run start
     
    
  
 

默认启动服务的端口为3000

启动后访问 localhost:3000 即可看到效果

项目目录介绍

  

   

    

     

    
    

     

      my-app/
     
    
   

    

     

    
    

     

        README.md
     
    
   

    

     

    
    

     

        node_modules/
     
    
   

    

     

    
    

     
  package.json
     
    
   

    

     

    
    

     
  public/
     
    
   

    

     

    
    

     

          index.html
     
    
   

    

     

    
    

     

          favicon.ico
     
    
   

    

     

    
    

     

        src/
     
    
   

    

     

    
    

     

          App.css
     
    
   

    

     

    
    

     

          App.js
     
    
   

    

     

    
    

     

          App.test.js
     
    
   

    

     

    
    

     

          index.css
     
    
   

    

     

    
    

     

          index.js
     
    
   

    

     

    
    

     

          logo.svg
     
    
  
 

 你可以在 src 中创建子目录。 为了加快重新构建的速度，Webpack 只处理 src 中的文件。 你需要将任何 JS 和 CSS 文件放在 src 中，否则 Webpack 将发现不了它们。

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/108882389