# 创建新Quasar项目
npx @quasar/cli new my-app
cd my-app
npm run dev
4. Ant Design of Vue
用途：Ant Design的企业级UI设计语言和React实现的Vue版本。
官网：https://antdv.com
基础使用：
npm install ant-design-vue --save
import { createApp } from 'vue';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
const app = createApp(App);
app.use(Antd);
app.mount('#app');
5. PrimeVue
用途：PrimeFaces团队提供的免费开源Vue UI库。
官网：https://www.primefaces.org/primevue/
基础使用：
npm install primevue
npm install primereact --save
import 'primevue/resources/themes/saga-blue/theme.css'; //theme
import 'primevue/resources/primevue.min.css'; //core css
import 'primeicons/primeicons.css'; //icons
import Button from 'primevue/button';
const app = createApp(App);
app.component('Button', Button);
app.mount('#app');
6. Vue Router
用途：官方的路由管理器，允许你添加路由导航到Vue应用。
官网：https://router.vuejs.org
基础使用：
npm install vue-router@next
import { createRouter, createWebHistory } from 'vue-router';
import Home from './views/Home.vue';
import About from './views/About.vue';
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
];
const router = createRouter({
history: createWebHistory(),
routes,
});
const app = createApp(App);
app.use(router);
app.mount('#app');
7. Vuex
用途：官方的状态管理模式和库，用于集中管理Vue应用的状态。
官网：https://vuex.vuejs.org
基础使用：
npm install vuex@next
import { createStore } from 'vuex';
const store = createStore({
state() {
return {
count: 0
};
},
mutations: {
increment(state) {
state.count++;
}
}
});
const app = createApp(App);
app.use(store);
app.mount('#app');
8. Axios
用途：一个基于Promise的HTTP客户端，用于发起AJAX请求。
官网：https://axios-http.com
基础使用：
npm install axios
import axios from 'axios';
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.error(error);
});
9. Pinia
用途：轻量级的Vue状态管理库，替代Vuex。
官网：https://pinia.vuejs.org
基础使用：
npm install pinia
import { createPinia } from 'pinia';
const pinia = createPinia();
const app = createApp(App);
app.use(pinia);
app.mount('#app');
10. Vue-i18n
用途：Vue国际化插件，支持多语言。
官网：https://kazupon.github.io/vue-i18n/
基础使用：
npm install vue-i18n@next
import { createI18n } from 'vue-i18n';
const i18n = createI18n({
locale: 'en',
messages: {
en: { message: { hello: 'hello world' } },
ja: { message: { hello: 'こんにちは、世界' } }
}
});
const app = createApp(App);
app.use(i18n);
app.mount('#app');