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