Vue.js + foreverでのアプリ起動
■環境
CentOS 7.3
npm 3.10.10
=====2017/12/27追記=====
久しぶりに本手順を試したところ、
vueプロジェクト内にbuild/dev-server.js
が存在しておらず
foreverでの起動ができなくなっていました。
公式にならってnpm start
コマンドなどで起動した方が良いかと思われます。
===追記ここまで=====
■手順
npmとnodejsが入っていない場合は、yumでインストールします
yum install npm nodejs
vueアプリを簡単に導入できるツール「vue-cli」と
nodeアプリをデーモン的に起動できる「forever」をインストールします
※これらはグローバル領域にインストールするので「-g」オプションをつけます
npm install -g vue-cli forever
プロジェクトディレクトリを作成します
プロジェクトを作成したいディレクトリで以下を実行します
vue init webpack samplevue
※「samplevue」は作成したいディレクトリ名
上記実行後に色々質問をされるので、作りたい環境に合わせて回答します
以下は回答例です
? Project name samplevue
? Project description This is Sample
? Author Djiro
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
作成したディレクトリに移動し、必要なファイルをインストールします
cd samplevue
npm install
ここまで終わったら、foreverでvueアプリを起動できる状態になっています
dev環境で起動したい場合、以下のコマンドで起動できます
forever start build/dev-server.js
ここで指定するjsファイルは、作成したプロジェクトディレクトリ直下にある『package.json』を見れば、7行目あたりから記載されています
{
"name": "samplevue",
"version": "1.0.0",
〜中略〜
"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "node build/build.js",
〜以下略〜
これで、8080ポートにアクセスすればVueアプリが表示されるようになっています
http://yourdomain.com:8080/
その他、foreverの利用方法についてはコチラ
関連する記事
- Linux環境のタイムゾーンを日本にする
- 【CentOS】OpenVPN & LDAPでVPNサーバ構築
- 【CentOS】侵入検知したらSlack通知する
- 【Let'sEncrypt】Certbotの使い方(CentOS7 + nginx)
- CentOS7のネットワーク周り初期設定
- CentOS7にfishを入れる
- CentOS 7.3にzabbix 3.2をインストール
- 【CentOS + Apache】Let’s Encryptで無料SSL証明書の取得&自動更新をする
- HP Proliant Microserver Gen 8 にCentOS7を入れる
- 【DNSサーバ】BINDからNSDへの移行
- Linuxサーバに秘密鍵方式でsshする
- 【CentOS】cronが動かない場合のチェック
- 【CentOS】php7をyumインストールする
- 【CentOS】ComposerにGitHubのアクセストークンを設定する
- 【CentOS】PostgreSQLの導入
- CentOS7のsshd設定(セキュリティ)
- メールドメインに「localhost」と付いてしまう
- メールサーバ構築(②dovecot編)
- メールサーバ構築(①postfix編)