textcunma/ToDo-app

Vue.js Node js 練習アプリケーション

ToDo-app

Vue.js Node js 練習アプリケーション

実行方法

Node.jsをインストールした後，以下コマンドを端末に入力

npm install
npm run serve

参考サイト

• 【初心者向け】Vue3とElementPlusを使ってTodo Listを作ってみた
• 【Vue.js】ref と reactive どっちを使う？
• 【Vue.js 3.2】<script setup> 構文がすごくすごい
• エラー： The template root requires exactly one element

作業時の環境構築

# Node.jsインストール後、
npm install -g @vue/cli     # Vue CLIをグローバルにインストール
vue --version               # バージョン確認
vue create todo-app         # プロジェクト作成（vue3.0以降の記述方法
cd ./todo-app               # カレントディレクトリ移動
npm run serve               # 実行
npm install element-plus    # element-plusをインストール

ビルド時の参考サイト

• GitHub Pagesにデプロイする
  • docsフォルダを用いたGitHub Pages公開方法
• Vue.js初心者がよく間違えるvue/cliの使い方と解決方法の解説
  • build出力ディレクトリ変更方法
• Vue CLI (Vue.js) で failed to load resource ...
  • public pathについて