• 所有问题

    • 从零开始使用 vite + vue3 + pinia + naiveui 搭建简单后台管理系统

    如题所述

    举报该问题
    其他回答
    第1个回答  2022-07-20
    打开vite.config.js文件，引入组件

    然后在plugins内添加配置

    这里naiveui使用的是按需自动引入，具体可参考官方文档： 按需引入（Tree Shaking） - Naive UI
    笔者添加了一些打包的配置，不需要可以忽略。配置完成后的样子：

    在src目录下新建plugins文件夹，然后新建pinia.js：

    到src目录下新建store目录，然后新建user.js：

    pinia和vuex的用法不一样，具体可以参考官方文档： Home | Pinia

    在plugins下新建axios.js文件：

    这里使用了环境变量配置，在src同级目录下新建.env.production文件：

    项目打包后会自动使用production环境变量里的VITE_API_BASEURL

    在plugins下新建router.js：

    router中引入了一些默认页面，我们来创建一些简单的页面组件：
    /src/views/error/notFound.vue

    /src/views/error/noPermission.vue
    相似回答
    Vite+Vue3+Vue-Router@4+Pinia 快速起步答：vite 相当于 vue-cli 脚手架，因此应该首先安装它：然后按照提示选择选项完成创建 接着进入项目目录 vite-project ，并安装一下依赖：依然是在项目目录内：然后创建 router/router.js 文件：再回到 main.js 文件，引入带路由表的路由实例，并以插件形式使用：在 src 下创建目录 ...
    ts+vue3+vite+pinia+vue-router 踩坑合集答：npm install node-sass npm install sass-loader 配置全局 mixin.scss 根目录找到 vite.config.js 解决办法: 按照提示安装库 npm i --save-dev @types/node 然后在 tsconfig.json types字段中添加node; 然后重启一下; 就行了 解决办法: 在 vite.config.js 配置别名 很多人以...
    大家正在搜