分析 Vue 脚手架结构

一. main.js 为整个项目的入口文件

1.引入 Vue

        import Vue from 'vue'

2.引入 App 组件，它是所有组件的父组件

        import App from './App.vue'

3.关闭 Vue 的生产提示

        Vue.config.productionTip = false

4.创建 Vue 实例对象 --- vm

         new Vue({

            render: h => h(App)

         }).$mount('#app')

二. index.html 文件

### 1.针对 IE 浏览器的一个特殊配置，含义是让 IE 浏览器以最高的渲染级别渲染页面

   <meta http-equiv="X-UA-Compatible" content="IE=edge">

### 2.开启移动端的理想视口

   <meta name="viewport" content="width=device-width,initial-scale=1.0">

#### 3.配置页签图标

<link rel="icon" href="<%= BASE_URL %>favicon.ico">

#### 4. 配置网页标题

<title><%= htmlWebpackPlugin.options.title %></title>

#### 5.当浏览器不支持 js 时 noscript 中的元素就会被渲染

<noscript>

  &nbsp; &nbsp; &nbsp; <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>

&nbsp; &nbsp; </noscript>