Javascript/react/プロジェクト作成 - 変更履歴

2024年6月3日 (月) 20:35にAdminによる

2024-06-03T20:35:32Z

2024-06-03T20:08:41Z

‎テンプレをhelloworldに変更

2024-06-03T19:47:27Z

‎プロジェクト起動

2024-06-03T19:40:39Z

2024-06-03T19:39:50Z

‎プロジェクト起動

2024-06-03T19:39:17Z

‎プロジェクト作成

2024-06-03T19:38:33Z

‎プロジェクト作成

Admin: ページの作成:「==プロジェクト作成== 以下をコンソールから実行する

 $ npx create-react-app helloworld $ cd helloworld

」

2024-06-03T19:37:03Z

ページの作成:「==プロジェクト作成== 以下をコンソールから実行する <pre> $ npx create-react-app helloworld $ cd helloworld </pre>」

新規ページ

==プロジェクト作成==
以下をコンソールから実行する
<pre>
$ npx create-react-app helloworld
$ cd helloworld
</pre>

@@ 行1: / 行1: @@
 ==プロジェクト作成==
 以下をコンソールから実行する
@@ 行80: / 行77: @@
 export default App;
 </pre>

@@ 行26: / 行26: @@
 ブラウザで、ttp://localhost:3000 で、起動するか確認
 ==テンプレをhelloworldに変更==
 src/App.js
@@ 行49: / 行77: @@
    );
+}
 </pre>

←前の版		2024年6月3日 (月) 19:47時点における版
行25:		行25:
	</pre>		</pre>
	ブラウザで、ttp://localhost:3000 で、起動するか確認		ブラウザで、ttp://localhost:3000 で、起動するか確認
		+
		+	==テンプレをhelloworldに変更==
		+	src/App.js
		+	<pre>
		+	import logo from './logo.svg';
		+	import './App.css';
		+
		+	function App() {
		+	return (
		+	<div className="App">
		+	<header className="App-header">
		+	<p>helloworld
		+	</p>
		+	<a
		+	className="App-link"
		+	href="https://google.co.jp"
		+	target="_blank"
		+	>
		+	Google
		+	</a>
		+	</header>
		+	</div>
		+	);
		+	}
		+	</pre>

←前の版		2024年6月3日 (月) 19:40時点における版
行1:		行1:
		+	==参考==
		+	https://qiita.com/P-man_Brown/items/6c6c6366466b3ef61f7b
		+
	==プロジェクト作成==		==プロジェクト作成==
	以下をコンソールから実行する		以下をコンソールから実行する

←前の版		2024年6月3日 (月) 19:39時点における版
行21:		行21:
	$ npm start		$ npm start
	</pre>		</pre>
		+	ブラウザで、ttp://localhost:3000 で、起動するか確認

@@ 行14: / 行14: @@
 public
 src
 </pre>