一、安装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
网友评论