实现1：HTML直接用 <script> 引入

实现2：命令行工具

1）安装node.js

https://nodejs.org/en/

官网下载，网上找安装教程或跟着提示下一步就可以了

查看是否安装成功

ALT + R 打开命令提示符，输入cmd回车

输入 node -v 查看是否安装成功

npm 是 node 的包管理工具，node安装成功后npm也可以使用了。

2）安装脚手架vue-cli

全局安装，安装完之后创建项目。

npm install -g vue-cli

查看是否安装成功

vue -V

注意：大V

3）创建第一个项目

桌面新建一个目录 vuedemo ,如上图CD到此目录

vue init webpack-simple demo01

直接默认回车

cd demo01
npm install
npm run dev

浏览器自动打开出现下图是表示创建项目成功

如果不成功手动在地址栏输入http://localhost:8080/

4）编辑代码

进入 vuedemo\demo01\src 目录找到 App.vue 文件编辑代码如图下，就和第一种方法实现同样的效果了

注：

1.快速进入一个文件目录，cd+空格 然后将目录拖至命令行

2.安装淘宝 NPM 镜像安装依赖（国内下载速度快）

npm install -g cnpm --registry=https://registry.npm.taobao.org