Try   HackMD

Day1學前端 Frontend with React - Start React

tags: frontend

Copyright 2021, 月下麒麟

Target

學習前端、後端技術分離，本篇著重在前端工具的安裝

Preparation Tool

react == v14.18.0
npm == v6.14.15

Install Tutorial

  • 安裝React.js，無腦的一直下一步安裝
    下載並安裝React.js
  • 安裝npm()
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • create react 專案資料夾(project file)
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 進入react 專案資料夾
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 啟動專案
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • Server端，啟動成功的畫面
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • Web端，啟動成功畫面
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

Reference:IT邦幫忙 Day11:React環境安裝以及啟動React
Reference:React篇: 建置React開發環境

今天就學習到這~

Last changed by 
 
YMont
月下麒麟 左手嘗試寫Python / 右手練習寫C / 喜愛技術細節分享 / 菜鳥軟體人 / 登山 游泳 動漫 電影
0
258

Read more

初探Makefile

Copyright 2021, 月下麒麟

Oct 25, 2023
Zephyr Project

Board: MIMXRT1060-EVK

Sep 18, 2023
【總筆記】目錄

Copyright 2021, YMont

Nov 22, 2022
北大武山 筆記

Copyright 2021, 月下麒麟 開車途經點 辦理入山證 內埔分局泰武派出所 921屏東縣泰武鄉佳平巷1號 登山故事館(大武山之門) 921屏東縣泰武鄉泰武部落至佳興部落聯絡道路 離開警察局 沿著==佳平巷==大路一直開約莫6km後，遇到往==佳興部落往舊武潭部落聯絡道路== 一個大左轉進去，進入==縣道 屏106==，走一大段後，續接==泰武道路==，就會遇到==大武山之門==啦，下車拍照紀念

Jul 27, 2022
Read more from YMont
Published on HackMD