zoukankan      html  css  js  c++  java
  • React学习笔记4

    今天来说说如何利用react这个框架:

    第一步,安装NodeJS,这个下载下来直接安装即可;

    第二步,检查npm和node是否安装成功,Windows键+R键启动“运行”,输入cmd回车打开命令行,然后分别输入如下命令:

    node -v
    npm -v

    如果出现如下结果,说明安装成功,解释一下,安装的node.js中包含了npm工具,所以才会出现如下结果:

    当然,这里的npm不一定是最新版本的,如果想安装最新版本的,可以再运行下面的命令:

    npm install npm@latest -g

    另外,在中国,直接用npm效率不是很高,可以用下面的命令安装cnpm,效果更好:

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

    第三步,选择一个文件目录建立工程,这个目录可以自己任意选,此处要如果大家要用HBuilder作为开发工具的话,那么就需要把cmd作为外部工具配置到HBuilder中去,方法:

    HBuilder控制台集成命令提示符(终端/CMD)功能

    第四步,在工程目录下运行cmd,完成jsx,config等文件后,运行如下命令:

    cnpm run dev

    如果出现如下结果,则表示运行成功,一般来讲运行成功会自动弹出浏览器,显示做好的页面:

    但是,笔者的自动弹出的ie浏览器什么都显示不出来,这时候大家可以换个浏览器试试,在浏览器中输入上面的两个网址中的任意一个即可,一个是本地的,另一个是网络地址。

     

  • 相关阅读:
    第一章 Shell基础知识
    keepalived与LVS实现高可用
    集群简介
    基于NFS v4版本搭建NFS服务器
    LDAP安装步骤
    Nginx配置阿里云https服务
    zabbix基础
    Apache、Nginx和Tomcat之虚拟主机配置
    标准盒模型和怪异盒模型的区别
    js中数组扁平化处理
  • 原文地址:https://www.cnblogs.com/wsg25/p/10609423.html
Copyright © 2011-2022 走看看