0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

vue.js学習記事 その1 開発環境の準備

Last updated at Posted at 2025-04-30

vue.jsの導入

CDNから直接読み込む (最も簡単)

開発時に使用するとよい(詳細なエラーメッセージを吐き出してくれるらしい)

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

こっちは本番よう的なやつ

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

簡単なテストや学習程度なら上記でOK

npmを使用したやつ

まず、PCにnpmがインストールされているか確認。
されてなかったらググって!ちな、コマンドラインで実行して

npm -v

プロジェクトフォルダを作成する

ちなここでのファイル名は自由で可

mkdir my-vue-project
cd my-vue-project 

package.jsonの作成

npm init -y

Vue.jsのインストール

npm install vue

誤字ってたらごめん。
でも、たぶんこれでいける。

VSCodeで開発するのがおススメらしい。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?