facebook twitter hatena line email

「Javascript/vue/node/helloworld」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(node 404s will fallback to /index.htmlと出る場合)
行20: 行20:
 
   "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --host=hoge.localhost ",
 
   "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --host=hoge.localhost ",
 
  }
 
  }
 +
 +
==html修正==
 +
<template>
 +
  <div id="app">
 +
    ほげほげ
 +
  </div>
 +
</template>
 +
divタグのappのid内に文字列を追加すると数秒で自動でhtmlに反映される。

2018年4月17日 (火) 15:06時点における版

nodeのvueクライアントインストール

npm install -g vue-cli
vue --version

vueでプロジェクトのスケルトン作成

vue init webpack-simple project1
npm install # package.json記述分のインストール

node起動

npm run dev

node 404s will fallback to /index.htmlと出る場合

ttp://hoge.localhost/の場合

以下を追加

package.json

"scripts": {
 "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --host=hoge.localhost ",
}

html修正

<template>

    ほげほげ

</template> divタグのappのid内に文字列を追加すると数秒で自動でhtmlに反映される。