sh 笔记：配合Vue.js配置Webpack - 16.安装Vue.js并且创建app.js作为之后的入口，其次更新HTML部分

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了sh 笔记：配合Vue.js配置Webpack - 16.安装Vue.js并且创建app.js作为之后的入口，其次更新HTML部分相关的知识，希望对你有一定的参考价值。

<!-- 配合创建的 Vue 实例，更新 HTML 文件  -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Webpack Vue</title>
</head>
<body>
  <div id="app"></div>
<!--^^^^^^^^^^^^^^^^^ -->
  <script src="dist/bundle.js"></script>
</body>
</html>
// app.js 内容
// 引入并且创建一个简单 Vue 实例
import Vue from 'vue';

new Vue({
  el: '#app',
  template: `<h1>Hello World</h1>`
})；
# 安装 Vue.js
npm install vue --save

以上是关于sh 笔记：配合Vue.js配置Webpack - 16.安装Vue.js并且创建app.js作为之后的入口，其次更新HTML部分的主要内容，如果未能解决你的问题，请参考以下文章

sh 笔记：配合Vue.js配置Webpack - 10.创建webpack.config.js

sh 笔记：配合Vue.js配置Webpack - 7. Webpack最基本的打包命令

sh 笔记：配合Vue.js配置Webpack -8。 Webpack最基本的打包命令使用`webpack`

sh 笔记：配合Vue.js配置Webpack - 1.创建，进入项目目录

sh 笔记：配合Vue.js配置Webpack - 14.创建index.html

sh 笔记：配合Vue.js配置Webpack - 5.存放JavaScript的目录