zoukankan      html  css  js  c++  java
  • React学习1_创建项目

    NodeJs 解压版 安装与配置

    1.gitee新建项目后拉取到本地

    image-20220111212003412

    clone项目 yang-react得到同名文件夹,可以得到一个.git和Readme的文件。

    image-20220111212911163

    2.新建React项目

    image-20220111212953433

    在yang-react文件夹层级,打开terminal窗口,执行下方命令。

    npx create-react-app yang-react
    

    此时,创建程序就会在yang-react目录中执行创建操作,新增项目基本文件。

    image-20220111212314463

    image-20220111213310386

    出现Happy hacking!则证明项目创建成功。

    3.其他

    3.1 npm相关

    3.1.1 下载缓慢?

    # 设置国内源
    npm config set registry https://registry.npm.taobao.org
    # 验证结果
    npm config get registry
    

    image-20220111212732502

    3.2.2 查看安装过的模块

    # 查看全局
    npm list -g --depth 0
    # 可以简写list为ls
    npm ls -g --depth 0
    
    # 查看当前项目中
    npm ls --depth 0
    

    3.2 package.json和package-lock.json的区别?

    package-lock是对package中依赖的详细说明

    react-scripts为例,我们可以看到package-lock文件中详细描述了依赖关系。

    image-20220111214148599

    image-20220111214126620

    3.3 项目结构说明

    以Java中maven的角度来看,项目是这样的。

    所以,node_modules、package.json、package-lock.json、.gitignore、README.md这些文件,我们一般是不用关注的。

    image-20220111214534728

    关于注释插件,可以看这篇文章。

    IDEA中对文件添加注释

  • 相关阅读:
    POJ 1095 Trees Made to Order 最详细的解题报告
    Producter and Consumer
    How to use the function of bind
    How to use the functions of apply and call
    Configurate vim tool
    #4713. 方程
    #4709. 树
    #4718. 管理
    #4710. 并
    #4707. 点分治
  • 原文地址:https://www.cnblogs.com/yang37/p/15790435.html
Copyright © 2011-2022 走看看