「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に反映される。
