facebook twitter hatena line email

Javascript/vue/node/helloworld

提供: 初心者エンジニアの簡易メモ
2018年4月17日 (火) 15:07時点におけるAdmin (トーク | 投稿記録)による版 (html修正)

移動: 案内検索

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