友情关注：2021年底即将推出我们墨飞鱼团队历时大半年研发的灵感写作平台，在墨飞鱼这里希望能帮助更多人找到阅读与写作的乐趣, 敬请收藏了解，12月底见哦~

为什么需要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

这样，你就可以使用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:pwa": "quasar build -m pwa"
}

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

声明：文章由作者本人的亲历及经验总结，属个人原创文章，欢迎转载并注明出处，个博原文的链接地址见：
https://tech.limuqiao.com/archives/52.html

Quasar 的介绍及安装使用相关推荐

Scrapy-Splash的介绍、安装以及实例
scrapy-splash的介绍在前面的博客中,我们已经见识到了Scrapy的强大之处.但是,Scrapy也有其不足之处,即Scrapy没有JS engine, 因此它无法爬取JavaScrip ...
Springlake-01 介绍功能安装
Springlake-01 介绍&功能&安装 1. 简介与功能 1)Springlake 是一个企业内容平台SECP 2)是一个可配置的系统,80%内容可以配置 3)允许建立和配置垂直 ...
Kafka系列一之架构介绍和安装
Kafka架构介绍和安装写在前面还是那句话,当你学习一个新的东西之前,你总得知道这个东西是什么?这个东西可以用来做什么?然后你才会去学习它,使用它.简单来说,kafka既是一个消息队列,如今,它也 ...
SharpWebMail介绍和安装(转)
SharpWebMail介绍和安装什么是:SharpWebMail SharpWebMail是一款C#开发的基于WEB应用程序的多语言的WEB邮件服务.它允许我们使用SMTP或IMAP服务来完成发送 ...
Linux系统Vi/Vim编辑器的简单介绍、安装/卸载、常用命令
Linux系统Vi/Vim编辑器的简单介绍.安装/卸载.常用命令 1.介绍 vi(Visual Interface)编辑器是Linux和Unix上最基本的文本编辑器,工作在字符模式下.由于不需要图形界 ...
Storm介绍及安装部署
本节内容: Apache Storm是什么 Apache Storm核心概念 Storm原理架构 Storm集群安装部署启动storm ui.Nimbus和Supervisor 一.Apache S ...
LNMP基础架构介绍与安装
1.LNMP架构介绍 LNMP==Linux+Nginx+Mysql+PHP nginx:省资源,省cpu,所以在高并发时能够处理更多的请求,高端能达到3万到5万的并发量. nginx和LAMP不 ...
基于Vue的Quasar Framework 介绍这个框架UI组件很全面
基于Vue的Quasar Framework 介绍这个框架UI组件很全面基于Vue的Quasar Framework 中文网 http://www.quasarchs.com/ quasarfra ...
2.1 DNS服务介绍和安装
DNS服务介绍和安装一 DNS概述通过为每台主机建立IP地址与域名之间的映射关系,用户可以避开难记的IP地址,而是用域名就可以访问网络中的站点:即平常我们上网输入的都是域名,www.baidu.c ...

Quasar 的介绍及安装使用

为什么需要quasar

Quasar CLI安装

Quasar 的介绍及安装使用相关推荐

最新文章

热门文章