vue.js是一个前端MVVM框架。我们可以使用vue-cli快速构建基于vue框架的项目。

1、首先我们需要安装node环境，可以去官网下载安装，安装完后再命令行输入node -v查看是否安装成功。

2、接着安装vue脚手架，在命令行用npm安装

npm install -g vue-cli

3、接下来使用vue-cli初始化webpack项目，按提示信息输入相关参数。

vue init webpack yourprojectname(项目名)

4、在创建的项目文件夹下运行

npm run dev

接下来便可在浏览器上访问正在运行的项目了。

vue-cli搭建的项目结构

一般我们的项目文件放在src这个文件夹下，需要编辑的文件也在这个文件夹下。

mian.js是入口的js文件

new Vue()挂载的是app.vue

最后weboack将所有文件打包成bundle.js放在index.html中

参考链接：

https://www.cnblogs.com/zJintao/p/7704643.html

https://www.cnblogs.com/libin-1/p/6833373.html