1. 程式人生 > >初學React,如何開始寫第一個Demo

初學React,如何開始寫第一個Demo

首先,環境你得自己安裝好,主要就是node環境,然後安裝一個npm軟體

然後進入cmd,執行:npm i create-react-app

然後cmd進入到你想要開始寫專案的資料夾裡,假如:你要在D盤根目錄建立Try專案:

先切換到D盤:cd d:

然後執行create-react-app:npm create-react-app Try  (當然,Try可以換成任意名字)

這時候D盤下就出現了一個Try資料夾,然後切換到Try資料夾:cd /Try

然後執行:npm run eject

然後會讓你選Y/N,你輸入Y,然後回車就好

這時候專案裡出現一個scripts資料夾,start.js裡搜尋“3000”,這個是埠號,修改成你想要的就可以了

然後在Try資料夾裡執行:npm start就行了

PS:

npm i create-react-app -g (這個是全域性安裝)

當你建立好Try專案之後,README.md檔案裡已經有所說明,你可以翻譯成中文看看。

相關推薦

初學React如何開始一個Demo

首先,環境你得自己安裝好,主要就是node環境,然後安裝一個npm軟體 然後進入cmd,執行:npm i create-react-app 然後cmd進入到你想要開始寫專案的資料夾裡,假如:你要在D盤根目錄建立Try專案: 先切換到D盤:cd d: 然後執行create-r

從零開始一個Android應用程式

學習Android準備知識 安卓四層系統構成: 第一層:最底層 Linux層 第二層:函式庫層 由C或者C++寫 第三層:Application FrameWork 應用框架層 第四層:最上層 應用層 在很久以前,安卓還是用的jvm虛擬機器,但是好景不

Swift學習的一個demo講解了一些常用的知識點

tar 回車 override 新的 屬性 知識 常用 let 生命周期 /** 1. OC [UIView alloc] initWithXXX:] Swift UIView(XXX:) 類名() == alloc / init 等價 2. 類

一、搭建Django建立一個demo

記錄 圖文 客戶 是否 結構 htm view 創建 img 一、 1、安裝好Python(我用的最新版2.7.15),配置環境變量,並且安裝好對應的Django版本(pip install django),在Python安裝目錄下的Scropts下會多出djano-adm

Andriod Studio下做一個demo結構分析

一. 主要檔案:      AndroidMainfest.xml全域性配置檔案,寫了哪個java類檔案需要註冊進去     <activity android:name=".MainActivity">  //包名加類名                     

C++ 一個demo練習map會排序

定義簡單結構體Plane 獲取控制檯輸入的內容 new一個Plane存入map。 將map裡所有的Plane的name輸出 typedef struct { string name; int id; double longtitude; double latitude; doubl

如何一個Python程式30萬年薪Python工程師經驗之談

在正式編寫第一個Python程式前,我們先複習一下什麼是命令列模式和Python互動模式。 命令列模式 在Windows開始選單選擇“命令提示符”,就進入到命令列模式,它的提示符類似C:>: ┌───────────────────────────────

一段函式計算無符號32位整數從高到低一個‘1’的位置。(例如0x0F000000的一個‘1’的位置為5)

使用2分查詢的方法解決,從左到右查詢“1”的位置。 #include <stdio.h> int func(unsigned int data) { int pos = 1; //用於計數,計錄第一個“1”的位置 if((da

idea上安裝go外掛開始一個demo

1.idea安裝go外掛 ”File->Settings->Plugins”進入如下頁面,搜尋Go找到外掛 2.go jdk配置,進入如下頁面配置 3.開始建立專案 4.建立完建立一

搭建ionic專案環境並開始一個demo

一、安裝NodeJs(安裝nodejs是為了方便使用命令列直接下載安裝我們需要的環境) NodeJs官網:https://nodejs.org/en/ 安裝穩定版即可,安裝步驟跟安裝普通軟體一樣,下一步,下一步,最後完成就ok了。 安裝結束,在 cmd控制檯輸入 nod

從零開始學Apollo自動駕駛:跑起來一個Demo

圍繞著百度開源的Apollo自動駕駛專案展開,重點分析整個專案的框架,核心的計算機視覺感知模組。 下載專案程式碼 專案主頁:https://github.com/ApolloAuto/apollo git clone https://github.com/ApolloAu

[學習筆記] 在Eclipse中使用Hibernate,並建立一個Demo工程資料庫為Oracle XE

前文參考:Oracle 11g xe 在windows安裝 在Eclipse中使用Hibernate 安裝 Hibernate Tools 外掛 https://tools.jboss.org/downloads/ Add the following URL to your Eclipse 4.13 (2

code::blocks配置編譯cuda並進行一個demo的測試

清晰 .html dia 作者 anti 先來 world! 一個 ber 我們先新建個NVCC的編譯器。 使用復制GCC編譯器的方式進行新建,然後我們進行下面的路徑配置 先來看看鏈接庫,將我們常常使用的cuda庫鏈接進來。 然後鏈接cuda的頭文件:

C#.NET 程序員的福利自己一個XML操作類可實現像jquery一樣方便的xml操作且不用專門去處理命名空間。

console region ignorecas node 處理 命名空間 void clone 一個 此工具是進入一家新公司之後實現的,主要是工作當中操作 xml 的時間太多,因為公司按任務計“工作量”,領導給我安排的時間遠遠不夠完善此工具【悲哀的

Jedis一個Demo

dem 紅色 finall sysconfig idle max fin 1.10 顯示 1 package com.test.jedis; 2 3 import org.junit.Test; 4 5 import redis.clients.jedis.

教女朋友一個php

打開 一個 local etc 位置 內容 oca document 擴展 1 首先 下載xampp 軟件。按默認安裝好之後 在電腦的右下角的箭頭裏能發現一個橘色的小圖標 雙擊它 啟動阿帕奇和mysql 會變綠 2 打開 C:\xampp\apach

用intellij idea 一個Java程序

lan href ava ips dea star guid tel html Java小白,還不怎麽會eclipse,只會在命令行用javac編譯並java運行編譯後的類。 英文還不好orz 發現創建項目後,能build但就是不能run。。。 找了半天教程沒找著,去官網溜

初學html任務1:一個簡單html頁面要求:內容頁面裝一篇文章 用html來分段

enter pos 工程師 分享圖片 visit 技術 運行 並且 center 這是主要內容部分,用html實現版塊分布。 接下來是樣式部分。 讓頁面所有元素的padding和margin都設置為0 ; 否則加入一張大的覆蓋的背景圖片後,會由於瀏覽器的緣故,圖片周邊有

【Mac系統 + Python + Django】之搭建一個Demo

versions 打開 配置 onf demo -s 進入 127.0.0.1 seq 一、首先,用pip安裝Django # 安裝命令 pip install django==1.10.3 安裝路徑為: /Users/zhan/.pyenv/versi

vue學習——一個demo

第一個Vue 引入js: <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17-beta.0/vue.js"></script> 建立Vue app: <scri