Vue CLI導入メモ
1.Node.jsのインストール
1. Homebrewのインストール
ターミナルに下記のコマンドを打ち込んでMacOS用のパッケージマネージャー「Homebrew」をインストールする。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
2. nodebrewを使ってNode.jsをインストールする
下記のコマンドでNode.jsのバージョン管理ツール「nodebrew」をインストール
nodebrewのインストール
$ brew install nodebrew
nodebrewを使って安定版のNode.jsをインストールし、有効化
Node.jsのインストール
#安定版のインストール
$ nodebrew install-binary stable
#インストール確認
$ nodebrew list
v16.12.2
current: none
#安定版を有効化
$ nodebrew use stable
3.環境変数の設定
nodebrewのsetupでパスを確認
環境変数設定
#nodebrewのセットアップ
$ nodebrew setup
Fetching nodebrew...
Installed nodebrew in $HOME/.nodebrew
========================================
Export a path to nodebrew:
export PATH=$HOME/.nodebrew/current/bin:$PATH
========================================
ターミナルでzshを使っている場合、「~/.zshrc」に上記のexport PATH=$HOME/.nodebrew/current/bin:$PATH
を追記して保存
最後にターミナルで下記を実行
環境変数設定の適用
$ source ~/.zshrc
2.VueCLIプロジェクトの作成
1.VueCLIのインストール
VueCLIのインストール
$ npm install -g @vue/cli
2.VueCLI新規プロジェクトの作成
VueCLIのインストール
$ npm install -g @vue/cli
任意のプロジェクトフォルダに移動して下記を実行
新規VueCLIプロジェクト作成
$ vue create プロジェクト名
3.VScodeとGithub連携
1.GithubのリモートリポジトリにSSHキーを追加
2.VScodeとの連携
VScodeでプロジェクトフォルダを開き、ターミナルウィンドウを開いて下記のコマンドを実行
リモートリポジトリの設定
$ git remote set-url origin SSH版リポジトリURL
4.その他
リモートからcloneするときはnode_moduleを下記のコマンドでインストールする
プロジェクトのセットアップ
$ npm install
Author And Source
この問題について(Vue CLI導入メモ), 我々は、より多くの情報をここで見つけました https://qiita.com/masako5121/items/686bac620cf6f446623b著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .