安装Vue创建前端项目

上一节安装了flask，我们现在需要安装vue前端框架，需要使用vue-cli方便安装和管理。

先要全局安装vue-cli，可以使用下列任一命令安装这个新的包：

你还可以用这个命令来检查其版本是否正确 (3.x)：

官方文档

已经安装最新版本的vue-cli，我很推荐这个图形化界面，非常方便。

你也可以通过 vue ui 命令以图形化界面创建和管理项目：

图形化的界面就不需要多介绍了，有中文都能很好地使用。

使用Vue项目管理器，选择项目地址flask-vue根目录（上节运行flask示例的文件夹），创建新项目名称vue。根据具体需求选择创建条件完成项目创建，自动跳转至项目详情页。

下一节Flask与Vue的关联。

安装vue的方式有很多种：

        vue官网地址：    https://v3.cn.vuejs.org/

    后续通过webpack和cli的使用，可以使用这种方式

npm用来安装vue.js模块的命令是：

`npm install vue`

拓展：

使用npm安装vue.js模块后，可以在HTML文件中引入vue.js，

并可以在其中使用Vue的指令来创建和管理应用的视图层，

从而实现数据的可视化和 *** 作。

---