# quasar

**Repository Path**: dlf123/quasar

## Basic Information

- **Project Name**: quasar
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-14
- **Last Updated**: 2024-03-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目初始化

## 初始化命令 

命令
```
# 按装yarn
npm install -g yarn
yarn --version

# 设置npm全局默认仓库：修改为淘宝仓库，官方仓库为https://registry.npmjs.org
yarn config set registry https://registry.npm.taobao.org --global
# 查看当前仓库
yarn config get registry

# 全局添加quasar脚手架
yarn global add @quasar/cli
# 启动quasar项目创建：注意quasar不是项目名称，别修改
yarn create quasar
```

## 初始化选项

```
# 有四种安装方式，此种功能最多：https://quasar.dev/start/pick-quasar-flavour
✔ What would you like to build? › App with Quasar CLI, let's go!
# 项目文件夹名称
✔ Project folder: … quasar-test
# quasar版本：使用vue3 组合式API
✔ Pick Quasar version: › Quasar v2 (Vue 3 | latest and greatest)
# 可选择ts或js
✔ Pick script type: › Typescript
# 使用webpack或vite
✔ Pick Quasar App CLI variant: › Quasar App CLI with Vite
# 以下四项选择默认：包名、项目产品名、描述、作者
✔ Package name: … quasar-test
✔ Project product name: (must start with letter if building mobile apps)
 … Quasar App
✔ Project description: … A Quasar Project
✔ Author: … duke

# 组合式API写法：setup写入script中
✔ Pick a Vue component style: › Composition API with <script setup>
# css样式：大括号式
✔ Pick your CSS preprocessor: › Sass with SCSS syntax
# 添加第三方组件：代码格式、vuex替代品、请求模块、国际化语言包
✔ Check the features needed for your project: › ESLint, 
State Management (Pinia), Axios, Vue-i18n
# 代码格式化工具
✔ Pick an ESLint preset: › Prettier
```

1.3 配置
package.json
```
# 在此项下增加三个子项
"scripts": {
  "dev": "quasar dev",
  "build": "quasar build",
  "build:pwa": "quasar build -m pwa"
}
```
>启动项目：yarn dev
>打包项目：yarn build

启动效果







# 切换英文界面

输入快捷键：**Ctrl + Shift + P** ，输入 **Configure Language**，回车，**选择中/英文 重启即可**。