zoukankan      html  css  js  c++  java
  • React入门

    建一个小项目:

    1.使用 create-react-app 快速构建 React 开发环境

    create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。

    create-react-app 自动创建的项目是基于 Webpack + ES6 。

    打开命令小黑窗,cd到自己创建的目录下,执行以下命令创建项目并启动:

    1 npm install -g create-react-app
    2 create-react-app my-app
    3 cd my-app/
    4 npm start

    *注:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),即以上操作的前提是安装了Node.js(检查是否安装了node.js,即查看node版本: node  -v  ,显示版本号就说明安装成功了)

    2.目录结构

    (1)node_modules:包含了项目会用到的各种组件

    (2)public:包含了项目启动页面

    (3)src:包含了js、css、img等文件

    (4).gitignore:需要上传git时自动忽略某些文件的配置文件

    (5)package.json:npm在package.json文件中管理项目的依赖项以及项目的元数据;node执行js中require的时候,也会根据package.json中的依赖项进行查找

     3.关于cnpm

    cnpm是淘宝针对npm做的镜像,因为npm安装插件是从国外服务器下载,受网络影响速度可能会很慢。用法都是相同的,只需把npm写成cnpm即可。

    安装cnpm,执行命令:

    1 npm install cnpm -g --registry=https://registry.npm.taobao.org

    安装完后查看其版本号:cnpm -v ,不行的话关闭命令提示符重新打开

    X.值得一看

    (1)了解React相关技术:阮一峰 Reac技术栈系列教程✈

    (2)比较直白的方式介绍React:狗屎一样的React✈

    文章仅供参考,转载请注明出处。
    不怕千万人阻挡,只怕自己投降。
  • 相关阅读:
    常用的标签分类
    css 实现动态二级菜单
    5大主流浏览器内核
    MySQL里面的子查询
    Algolia Search
    Nginx配置
    PHP中Abstract与Interface区别
    Shell 基本语法
    百度 echarts K线图使用
    php_soap扩展应用
  • 原文地址:https://www.cnblogs.com/jakeylove3/p/8582976.html
Copyright © 2011-2022 走看看