1-创建VUE工程和代码运行流程

vue init webpack my-democdmy-democnpm install

2- Vue 项目运行流程

1-渲染 工程根目录下的index.html 

2-运行 src/main.js 

2-1- vue使用 App.vue中的template标签下的内容 替换 index.html中的

2-2- 同时加载路由组件 vue-router 

 2-3- 渲染 App.vue 中template 内容时，遇到路由标签 ，开始进行路由判断，因为访问的路径是 #/，即 / （#是vue特有的路由标志，可以通过设置去掉）， 则会去加载 src/components/HelloWorld.vue

3- 安装vue-tools

安装过程自行查找，安装完成后重新打开网页，即可看到vue插件选项

插件的好处在于，能够看到页面内的vue元素属性，帮助调试