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

    这个系列是我学习react过程的写照,说白了就是自己对自己学习过程的总结,

    不喜勿喷啊,当然了如果对你的学习有帮助,那是极好的!

    个人推荐一个学习react极好的教程,前因后果讲的很清楚,逻辑性比较强,也不跳跃,老少皆宜:

    https://www.yuque.com/ant-design/course/sc1lvc语雀

    以下的学习笔记就是针对这个教程讲的,所以大家可以对照着看。

    前端开发的演变,没什么好说的,就像是学历史,搞不定就死记硬背咯;

    遇到的问题及解决办法如下:

    1.安装node.js就是运行一个msi,安装好了之后其实就包含了npm,也就是说你安装好了node.js就代表安装好了npm,

    你可以通过下面的命令来检验是否安装成功(打开cmd输入命令回车即可):

    npm -v

    但是这时安装好的npm不是最新版本的,如果想要最新版本可以用下面的命令进行更新:

    npm install npm@latest -g          注:这里顺便说一下,如果不想安装最新的,可以在@后面跟版本号,就能更新到你想要的任意版本,例如npm install npm@5.6.0 -g

    2.在国内,你可以安装 cnpm 获得更快速、更安全的包管理体验。使用如下命令安装:

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

    执行这一步的时候,我遇到问题了,显示了一些ERR,表示没安装成功,解决办法如下:

    a.可以关掉命令窗口,重新在C:WindowsSystem32目录下找到cmd.exe,然后右键选择管理员模式打开,然后再重新运行上述命令。

    b.先执行 npm config set registry "http://registry.npmjs.org/"   再执行 npm install -g cnpm

    c.配置环境变量,在系统变量path下添加该路径D:Program Files odejs ode_global (这个路径是你自己的nodejs下的node_global)

    通过上面三种方法的任意一种,应该都可以解决cnpm安装不成功的问题,安装完成后在检验一下:

    如果cnpm已经安装成功了,那么接下来安装umi就是按部就班了,应该不会有什么问题,安装完成后的目录如下:

    当然,你可以把antd-course放在其他的盘里,另外node_modules里有很多文件奥。

     

    接下来教程进行到第一个页面

    执行完上述命令,HelloWorld.js已经创建好了,接下来我用notepad++来修改内容:

     

    当然,你也可以直接用命令行(echo '文件内容' >文件名称)的方式来修改HelloWorld.js的内容。

     一顿操作之后,我来到了这一步,但无奈的是,我没有出现hello world的字样,打开这个路径,网页什么也没显示。

    只能找问题,最后发现了两个问题:

    第一,怪我太傻,少建立了一个文件夹config,也就是说config.js是要放在config文件夹中的;

    第二,和浏览器有关系,我的IE怎么弄也出不来,但是换了火狐浏览器,就能看见hello world了。

    在这我还发现了一个神奇的地方:

    在page文件夹中,如果你存放多个js文件,哪怕有一个js文件无法编译,那么所有的文件都是无法执行的,

    不信你可以在page下新建一个test.js在里面随便敲几行字,就会发现原来的hello world已经显示不出来了;

    但是如果你的hello world和test文件都能编译成功,那就能通过localhost:8000/后面跟文件名来执行任意的文件。

  • 相关阅读:
    I.MX6 busybox set hosname and login with root
    Linux busybox mount -a fstab
    MDEV Primer
    qtcreator cannot find -lts
    I.MX6 linux Qt 同时支持Touch、mouse
    Android ashmem hacking
    I.MX6 Android U-blox miniPCI 4G porting
    Android service binder aidl 关系
    OK335xS psplash 进度条工作原理 hacking
    设置Android默认锁定屏幕旋转
  • 原文地址:https://www.cnblogs.com/wsg25/p/10575220.html
Copyright © 2011-2022 走看看