Vue脚手架配置文件介绍

脚手架里主要文件和作用?

1.node_modules–都是下载的第三方包
2.public/index.html –浏览器运行的网页
3.src/main.js –webpack打包的入口
4.src/App.vue –Vue页面入口
5.package.json –依赖包列表文件

main.js和App.vue, 以及index.html作用和关系?

1.main.js –项目打包主入口–Vue初始化
2.App.vue –Vue页面主入口
3.index.html –浏览器运行的文件
4.App.vue => main.js => index.html

main.js

// 项目入口-webpack打包从这开始

import Vue from 'vue' // 引入vue源码
import App from './App.vue' // 引入App.vue文件模块

Vue.config.productionTip = false // 一个控制台打印的提示

new Vue({ // 实例化Vue(传入配置对象)
  render: h => h(App), // 告诉vue渲染什么
}).$mount('#app') // '渲染到哪里

自定义端口,设置完需要重启服务器