美文网首页
Mysql+Nodejs+Koa2+Vue+Quasar零起点教

Mysql+Nodejs+Koa2+Vue+Quasar零起点教

作者: 工程师54 | 来源:发表于2021-07-12 07:56 被阅读0次

    一、安装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零起点教

          本文链接:https://www.haomeiwen.com/subject/opwkpltx.html