vue---从0开始，1.文件的创建

1.创建My-vue文件夹目录如下：

一开始，通过 npm init 指令，自动生成一个 package.json 文件；

通过npm install 指令来完成node_modules文件夹的创建

2.打开页面

在My-vue文件夹下按住shift键点击鼠标右键打开命令窗口，输入指令npm run dev运行：

Project is running at http://127.0.0.1:8082/
http://127.0.0.1:8082/ 为运行窗口，复制粘贴至浏览器打开，修改代码保存后，此页面会自动刷新，无需手动

3.创建的详细目录

其中index.html为页面

可以看到里面基本什么都没有，这是正常，vue就是通过id挂在在整个界面的
我这里是在main.js里面挂载如下：

其中el:’#app’就是挂载对应的地方，我之前id名字是app，这里就简单的创建vue，但里面还是没有内容的，我把vue的具体内容写在App.vue里面如下：

我这里是通过data()函数来定义页面数据
注意：因为这样的构造，每个template里面只能有一个最大的div外框，别的都写里面，
其中每个以vue结尾的文件，其主体内容都是

<template>
//这里面写html
</template>

<script>
//这里面写js
</script>

<style>
//这里面写css
</style>

vue官网提供的简单样本为这样：

一个简单的上手

这里是通过src来引入vue，我之前通过npm依赖已经装好了vue所以可以直接使用
我的vue界面运行如下：

今天就到此为止！！明天继续加油！！！