指令

vue create vuedemo1

npm run serve

一、脚手架目录文件介绍&项目运行流程

yarn serve----->main.js(核心代码：1.导入vue核心包，2.导入APP.vue根组件，3.实例化Vue，将APP.vue渲染到index.html容器中)

//导入了Vue
import Vue from 'vue'
//导入app.vue根组件
import App from './App.vue'

Vue.config.productionTip = false
//3.vue实例化，提供render方法，基于App.vue创建结构渲染index.html
new Vue({
  render: h => h(App),
}).$mount('#app')

二、组件化开发

一个页面可以拆分成一个个组件，每个组件拥有自己独立的结构、样式、行为。

组件分类：普通组建和根组件

1.语法高亮插件Vetur

2.三部分组成（快速生成三个，快捷键<vue）：template:结构（有且只有一个根元素）；script:（js逻辑）；style（样式）

局部注册：只能在注册的组件内使用。

全局注册：所有组件内都能使用，在main.js中使用。