不用脚手架自行搭建vue项目

2021-01-11 980 阅读1分钟

不用脚手架,自行搭建一个Vue项目

新建一个文件夹运行npm init
运行 npm install vue@2.6.11
为了防止后续出错运行 npm install vue-template-compiler@2.6.11 -D
新建文件index.html, 修改lang='zh' ,body中创建根容器以及根容器的js文件

<body>
<div id="app"></div>
<script src="./main.js"></script>
</body>

创建一个Vue单文件组件App.vue

<template>
  <div>
    这里是App.vue
  </div>
</template>

在main.js中引入以下几句

import Vue from 'vue'
import App from './App'
new Vue({
  render:h=>h(App)
}).$mount(document.getElementById('app'))

运行parcel index.html