Vue项目目录结构及一些注意点（之后遇到的一些问题会更新在这里面）

一、Vue项目目录结构及每个结构的功能

二、每个文件的功能

1.当我们输入npm run dev，运行项目，命令行提示我们运行成功，但是浏览器也没有自动打开，只能自己手动输入。我们只需要打开config文件夹再找到index.js打开之后修改autoOpenBrowser 为true

2.当端口发生冲突的时候，我们只需要在index.js中修改下port即可

3.编写新的页面需要调整 必须在router中设置路由跳转（以后可能会写一篇记录详细点文章）

注意点

1.在vue中需要注意在写组件或者页面是只能有一个<div> 如果你<div>中包裹<div> Vue是不支持的

2.数据必须要return 包裹

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>