nshop/packages/Webkul/Admin

package.json包的作用

• @playwright/test 编写测试用例用于自动化测试
• @types/node 是 Node.js 核心模块的 TypeScript 类型定义包，它的作用是为 TypeScript 项目提供 Node.js 内置 API（如 fs、path、process、http 等）的类型声明。
• autoprefixer 给css 代码添加各个浏览器的特有前缀
• laravel-vite-plugin 在laravel中集成vite
• postcss css语法转换工具（你可以自己规定一些css的写法，然后通过编写postcss插件将你规定的css写法转换为浏览器可读的css代码）
• vue-cal vue日历组件
• @vitejs/plugin-vue Vite 官方提供的 Vue 3 单文件组件（SFC）插件，它的主要作用是在 Vite 构建的项目中支持 .vue 文件的解析和编译。
• dotenv Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env
• flatpickr data-time picker （bagisto使用的是这个）
• vue-flatpickr 这个包是flatpicker的vue1版本，严重过时，不要使用。
• fs 这不是一个包（fs这个包名被收回了），没有用
• mitt 发布订阅模式的库
• playwright Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable, and fast.
• readline-sync 实现通过控制台跟用户对话
• vee-validate 是一个专为 Vue.js 应用程序设计的强大表单验证库，它让开发者能够以声明式、组件化的方式轻松实现复杂表单的实时校验、错误提示与用户交互体验优化
• vuedraggable vue 拖拽组件 在npmjs中vue2版本和vue3版本公用一个包名，如果要安装vue3版本需要执行npm install vuedraggable@next。
• vue-draggable-plus 是另外一个vue拖拽组件，作者是vue团队的成员，比较新，也是基于SortableJS。文档：https://vue-draggable-plus.pages.dev/guide/ > vuedraggable是基于SortableJS的，有些props文档中没有列出，需要参考SortableJS的文档，比如group，ghost-class属性

Blade模板文件中的语法

例子：

<script type="text/x-template" id="v-configuration-search-template">
    <h3 class="text-base font-semibold text-gray-800 dark:text-white">
        @{{ "@lang('longyi::app.flexible-variant.options.title')" }}
    </h3>
</script>

@符号告诉Blade模板引擎这个{{}}是JavaScript框架的模板语法

v-form v-field 等参考 vee-validate 文档： https://vee-validate.logaretm.com/

组件库和图标

组件库使用element-plus

图标在这个网站找： https://www.xicons.org/#/

Clear Cache

php artisan config:clear
php artisan cache:clear
php artisan view:clear

php artisan vendor:publish --provider="Longyi\Core\Providers\LongyiCoreServiceProvider" --force