Mysql+Nodejs+Koa2+Vue+Quasar零起点教程5:安装vue+quasar

一、安装vue

全局安装vue脚手架:npm install -g vue-cli 

二、安装quasar

全局安装quasar脚手架:npm install -g @quasar/cli

三、创建项目(前端)

在d:\eddysproject目录下执行:quasar create front

执行项目创建后显示内容比较多,上面是前面部分,下图是后面部分:

    创建项目框架后,package.json中涉及到的软件包都已经同步自动下载安装,因此无需再执行npm install操作。

     以上命令执行后产生的结果:

     1、d:\eddysproject目录下自动创建一个名为front的文件夹

     2、在新建的文件夹D:\eddysproject\front\下自动创建了quasar项目所需的基础文件和目录,如下图:

             以上就在D:\eddysproject\front\目录下创建了一个空的quasar项目,后续就是在此基础上开发形成自己的全端应用程序。

四、验证quasar项目可用的方式

        进入windows命令行窗口,在D:\eddysproject\front\目录下目录下执行qusar dev的启动quasar项目的命令:D:\eddysproject\front>quasar dev

   该命令执行完成后的显示如下:

      上图说明quasar项目(前端应用项目)已经启动,下面就可以通过浏览器地址访问quasar项目的地址http://localhost:8080/

    出现以上即意味着quasar前端应用已经成功安装。

五、安装aios

安装axios软件包后,将可以实现前后台的通讯,即实现quasar项目和koa2项目之间的通讯。

在D:\eddysproject\front中执行:npminstall axios –save 

你可能感兴趣的:(Mysql+Nodejs+Koa2+Vue+Quasar零起点教程5:安装vue+quasar)