2023-02-08undefined0

为什么需要quasar
Quasar(发音为/ˈkweɪ.zɑɹ/)是基于MIT许可的开源Vue.js框架,Web开发人员可以快速创建具有多种功能的响应式++网站/应用程序,其运用范围包括:

SPA(单页应用程序)
SSR(服务器端渲染应用程序)(+可选的PWA客户端接管)
BEX(浏览器扩展)
移动应用(Android,iOS等)
多平台桌面应用程序(使用Electron)
Quasar的座右铭是:一站式所有平台,即一次性编写代码,并同时将其部署为网站,移动应用程序和应用程序。 一个适用于所有代码的代码库,可通过Quasar Web复用组件,会帮助您在创纪录的时间内开发应用程序.
单单是这些还不够,quasar的社区也是很棒的,如果想进一步了解其源代码结构,可以访问其git的开源网址

Quasar CLI安装
确保在计算机上安装了Node> = 10和NPM> = 5。
警告:不要使用任何高于14+的Node版本。Webpack 4不支持任何高于此版本的Node,并且如果不进行重大更改,Quasar 将无法迁移到Webpack 5。但是,Quasar 将在将来的版本中支持Webpack 5;也不要使用Node的13、15等版本,这些版本未经Quasar测试

#cli的全局安装命令
$ npm install -g @quasar/cli
1
2
这样,你就可以使用Quasar CLI创建一个项目文件夹了

下面这个命令要在windows命令提示符中进行
#如果是使用vscode的terminal执行,可能会出现'因为在此系统上禁止运行脚本的错误'提示,那么可以使用以下方法解决
以管理员身份运行vscode;
执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;
执行:set-ExecutionPolicy RemoteSigned;
这时再执行get-ExecutionPolicy,就显示RemoteSigned
$ quasar create <folder_name>

Tips: Quasar CLI由两个软件包组成:@quasar/cli和*@quasar/app*。第一个是可选的,仅允许您创建项目文件夹并全局运行Quasar命令。第二个软件包是它的核心,它被安装到每个Quasar项目文件夹中

执行quasar命令后,会有一系列与项目配置相关的问题,填写回答之后,给项目起名叫demoapp,就可以在当前目录下创建一个叫demoapp的文件夹,打开文件夹可以看到quasar项目的所有文件已经生成.

// package.json
"scripts": {
"dev": "quasar dev",
"build": "quasar build",
"build": "quasar build -m pwa"
}

执行 npm run dev 就可以看到demo的运行结果.

本文作者:墨洺的文档

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!