1.@vue/cli 目录和代码分析
1.1main.js(入口文件)(连接app.vue和index.html之间的桥梁)
import Vue from 'vue' //引入vue对象,类似于<script src="vue.js"></script>
import App from './App.vue' //app.vue文件里的对象引入过来(vue项目页面 入口)
Vue.config.productionTip = false //在控制台有一句提示消息
new Vue({ //开始实例化vue
render: h => h(App), //准备渲染app页面
}).$mount('#app') //渲染到index.html文件里id叫app的标签中
1.2index.html
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
</head>
<body>
<!-- 当浏览器禁用了js脚本,就会显示noscript里的内容 -->
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>