最近のWEBページ作成 STEP1

Node.jsのインストール

以下のページへアクセスし、LTS版をクリック
https://nodejs.org/ja

windows 64bitインストーラのmsiをクリック

ダウンロードされたmsiファイルをダブルクリックし、起動したインストーラをひたすらNextボタンをクリック

Node.jsのコマンドを使って、Next.js+React各種設定ファイルがそろったプロジェクトフォルダ作成

コマンドプロンプトを起動し、以下のコマンドを実行。

npx create-next-app@latest my-app

 

コマンド実行したフォルダ上にmy-appフォルダが出来上がり、webアプリの基本構成一式が出来上がる。

Cursorのインストール

https://cursor.com/downloadへアクセス

Windows版をダウンロードをクリック

CursorUserSetup-x64-X.X.X.exeがダウンロードされる。ダウンロードされたexeをダブルクリック

後はひたすら「次へ」をクリック

 

Cursor上でwebサーバーの起動とwebブラウザからの接続

インストールが終わったCursorを起動する

ファイルを開くから、my-appフォルダを選択

ターミナルで以下を入力

npm run dev

 

もしセキュリティ系のエラーがでてきたら以下のコマンドを実行してから、npm run devを実行

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope Process

 

コメント