quasar-framework学习笔记

官方网站: http://quasar-framework.org/

一、安装

1、  安装quasar-cli

npm install -g quasar-cli

2、  使用quasar starter kits初始化项目

quasar提供了多套开发套件,可以使用quasar list查看当前可用的套件

其中官方提供5套开发套件,使用方法如下

quasar init <starter_kit_name> <folder_name>

例如想安装默认套件,安装到当前目录的demo文件夹下

quasar init default demo ,  然后进入demo目录npm install即可

二、开始使用

1、quasar支持通过开发模式启动,支持热重载

可以通过    quasar dev [theme] 来启动项目

例如:

quasar dev 或者 quasar dev mat 使用mat主题启动

quasar dev ios 使用ios主题启动

使用default套件安装启动后:

使用pwa套件安装启动后:

剩余的0.13版本,webpack1和vue1在此就不做赘述了

另外发现非官方提供的这个meteor安装后 quasar dev会报错:

2、模板

一些通用页面框架,可以在根目录下的templates文件夹下提前写好,需要创建新页面时,直接通过 quasar new [templates文件夹下的模板文件] [文件名称]

使用default套件搭建好项目后,templates下默认会给出三个模板,layout,page,component,也可以自己在里写好。以layout举例:

quasar new layout temp

这是src/components下就会多出一个根据layout模板创建好的temp.vue文件,文件的内容与layout页面一模一样

3、演示app

通过quasar dev --play 启动时可以同时生成一个二维码

手机扫描后可直接查看页面

酷炫!

时间: 2024-10-22 15:05:40

quasar-framework学习笔记的相关文章

Entity Framework 学习笔记(2)

上期回顾:Entity Framework 学习笔记(1) Entity Framework最主要的东西,就是自己创建的.继承于DbContext的类: /// <summary> /// Context相当于一个数据库 /// </summary> public class MusicContext : DbContext { //base("LocalDB")表示要用到config文件中的名为"LcoalDB"的连接字符串 public

ADO.NET Entity Framework学习笔记(3)ObjectContext

ADO.NET Entity Framework学习笔记(3)ObjectContext对象[转] 说明 ObjectContext提供了管理数据的功能 Context操作数据 AddObject 添加实体 将实体添加到集合中, 创建实体时,状态为EntityState.Detached 当调用AddObject将实体添加到Context时,状态为EntityState.Added myContext context = new myContext(); myTab r = new myTab(

[Spring Framework]学习笔记--@Component等stereotype的基础

在继续讲解Spring MVC之前,需要说一下常用的几个用来标记stereotype的annotation. @Component,@Controller,@Repository,@Service. 这四个都在org.springframework.stereotype包下面,后面3个都属于@Component. 可以理解为@Component是@Controller,@Repository,@Service的基类. @Component是用来标记任何被Spring管理的组件. @Control

Samurai Framework 学习笔记--samurai中的宏魔法(待更新)

Samurai Framework 学习笔记–samurai中的宏魔法 文件 Samurai_Predefine.h Samurai里的一些预设宏 // 这3个宏是在定义属性 @prop_assign( NSInteger, page IN)的时候标记这个数据流的方向时用的. #define IN #define OUT #define INOUT // 函数属性限定符: __attribute__((unused)) 这个限定符属性禁止编译器在未引用该函数时生成警告 // 这里先用__unus

Entity Framework学习笔记——edmx文件

上文简单介绍了一下Entity FrameWork,这里说一下EF的核心--edmx文件. 在VisualStudio中建立edmx文件(此例环境为VisualStudio2012) 1.新建-ADO.NET实体数据模型: 2.选择数据模型时,因为我之前已经在数据库中建立好表了,所以我们这里先选择从数据库生成(即DB First),如果选择空模型,就可以在没有建立数据库的情况下,通过先建立实体模型来生成实体类和数据库表. 3.选择数据库连接 4.选择或设置好连接的服务器.验证信息.数据库名: 5

Entity Framework 学习笔记(1)

from:http://www.cnblogs.com/Richeir/p/5347000.html 开始从头系统地学习Entity Framework,当前的稳定版本为6.1.3,Nuget主页 http://www.nuget.org/packages/EntityFramework/ 微软喜欢把Entity Framework和ASP.NET MVC放在一起来用,从Entity Framework的主页的所有者就可以看出来 当然,这两者也是紧密的结合在一起的,“新一代”Web开发框架和“新

Entity Framework 学习笔记(一)之数据模型 数据库

关于Entity Framework  数据模型 的开发有三种模式:1.引用数据库方式:2.在VS中新建EF空模型Model 方式:3.Code 方式 Entity Framework  数据模型  引用"引用数据库方式"进行开发创建的使用,具体如下: 开发环境:VS2012 数据库:SQL Server 2008 Entity Framework  版本:6.12 1.新建数据库 在数据库中新建数据库,并创建数据表,以下截图只供参考: 2.新建项目 在VS中新建一个控制台应用程序 F

Entity Framework 学习笔记(二)之数据模型 Model 使用过程

欢迎大家加入我们:ASP.NET交流群(1群) ExtJs4.2交流群(3群) 97869295 Entity Framework  数据模型 Model 创建的使用: 开发环境:VS2012 数据库:SQL Server 2008 Entity Framework  版本:6.12 下面是新建的项目架构:(当然这是我的项目架构,只是参考) 1. 新建项目 新建一个控制台项目即可 :Future.LifeWillBetter.DAL.ForModel.ConsoleApplication 如图:

【.NET-EF】Entity Framework 学习笔记5:懒人的Linqer

真的没有做不到,只有你想不到,当苦恼Linq写法很别扭,一点不像SQL(写SQL写习惯了),就想到有没一个工具可以把SQL语句转成Linq语句,然后就搜到了这个工具:Linqer. 很简单的工具(越简单越好),网上搜索下一下,打开来(有些要安装,我这个不用),连下数据库,再点Generate to LinQ找个地方给它放,就可以开始是使用. 对于刚刚学习,和转不过弯的我有很好的帮助.(谢谢作者大神)

zend framework学习笔记(windows下)

zend framework安装 下载地址:https://framework.zend.com/downloads/archives 修改php.ini文件,将library目录添加到include_path路径中 *如没有权限修改php.ini文件,可以创建.htaccess文件中,在文件中添加php_value include_path ".;library路径",将该文件放在服务器的文档根目录 配置 ①将 php.exe目录添加到系统环境变量中 将zend framework目