「Javascript/vue/node/helloworld」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→html修正) |
|||
| 行22: | 行22: | ||
==html修正== | ==html修正== | ||
| + | <nowiki> | ||
<template> | <template> | ||
<div id="app"> | <div id="app"> | ||
ほげほげ | ほげほげ | ||
</div> | </div> | ||
| − | </template> | + | </template></nowiki> |
divタグのappのid内に文字列を追加すると数秒で自動でhtmlに反映される。 | divタグのappのid内に文字列を追加すると数秒で自動でhtmlに反映される。 | ||
2018年4月17日 (火) 15:07時点における版
目次
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>
<div id="app">
ほげほげ
</div>
</template>
divタグのappのid内に文字列を追加すると数秒で自動でhtmlに反映される。
