vue脚手架是Vue官方提供的标准化开发工具。
具体步骤
先命令行查看本地有没有安装:
vue -V
第一步（仅第一次执行）：全局安装
npm install -g @vue/cli
第二步：切换到你要创建项目的目录，然后使用命令创建项目
vue create xxx
第三步：启动项目
npm run serve
备注：
如出现下载缓慢请配置npm淘宝镜像：npm config set registry registry.npm.taobao.org
认识main.js文件：
// 引入Vue
import Vue from 'vue'
// 引入App组件，它是所有组件的父组件
import App from './App.vue'
// 关闭vue的生产提示
Vue.config.productionTip = false
// 创建Vue实例对象---vm
new Vue({
// 将App组件放入容器中
render: h => h(App),
}).$mount('#app')
public目录下，引入当前文件不用，./而是用<%= BASE_URL %>（根据底层配置好了的）
favicon.ico ：页签图标
认识public/index.html文件:容器在这个文件
<html lang="">
<head>
<meta charset="utf-8">
<!-- 针对IE浏览器的一个特殊配置，含义是让IE浏览器以最高的渲染级别渲染页面 -->
<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>
<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>
