discuz 更换服务器
https://www.cbdmd.com/cbd-gummies https...
...
还有 5 人发表了评论 加入4117人围观WEBPACK
使用 Vue CLI 创建 Vue 2.x 项目（使用vue-cli创建项目）
SH 发表于2024-04-21 浏览5078 评论0
什么是 Vue CLI
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。
使用 Vue CLI 创建 Vue.js 项目
本文以使用 Vue CLI 5.x 创建 Vue 2.x 项目为例。
1. 准备 Node 和 npm
关于 Node 环境的安装这里不赘述。Node
WEBPACK
Vue中的mixins
若客 发表于2024-04-21 浏览14646 评论0
Vue中的mixins
一、混入规则 1.data 同名已组件为准
data(){
return {}
}
2.create 等钩子函数 先运行mix,再运行组件内 3.methods,components等 同名，以组件为准
二、局部混入和全局混入 1.局部混入 创建mixin.js文件，在需要的组件或者页面引入
import mixin from '../../mixins/mixin'
export default{
mixins:[mixin],
data(){
r
WEBPACK
vue cli项目升级--vue cli3升级到vue cli4（vuecli2升级vuecli4）
执行注册任务 发表于2024-04-21 浏览6899 评论0
原文网址：vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客
简介
说明
本文介绍如何升级vue项目的vue cli版本。
官方网址
https://cli.vuejs.org/migrations/migrate-from-v3.html
https://cli.vuejs.org/zh/guide/installation.html#升级
为什么要升级？
Vue Cli4相对于Vue Cli3的改变：
项目结
WEBPACK
小满Vue3第三十六章（Vue如何开发移动端）（vue 移动开发）
浩满 发表于2024-04-20 浏览10591 评论0
视频教程Vue3 + vite + Ts + pinia + 实战 + 源码 +全栈_哔哩哔哩_bilibili
如果使用npm init vue@latest 报错
error when starting dev server: Error: Cannot find module 'node:path'
nodejs 升级为16版本就好了
开发移动端最主要的就是适配各种手机，为此我研究了一套解决方案
在之前我们用的是rem 根据HTML font-size 去做缩放
现在有了更好用
WEBPACK
vue2项目创建（vue2.0创建项目）
夜 发表于2024-04-20 浏览6249 评论0
vue2项目的创建
1.全局安装脚手架
npm install -g @vue/cli
2.然后搭建项目
vue create 项目名称
将得到下面图，我们可以通过上下键选择第二个. 得到我们的vue2小项目。 然后用vs-code运行项目，运行代码
npm run serve
vue组件的创建使用
首先我们需要将eslint禁用了
禁用方式： 点击“文件”=>“首选项”=>“设置”=>在输入框中输入vetur=>将使用的eslint的复选框
WEBPACK
聊聊我是怎么样用vite替换webpack的
讨人嫌、 发表于2024-04-20 浏览5669 评论0
前言
都已经 2202 年了，vite已经可以算是遍地开花了，这两年的关注度也比较高究其原因，还是因为苦webpack久矣；
随着项目功能越来越多，代码越来越复杂，随之而来的就是项目的各种慢（ps:跑个项目的时间都能去茶水间打杯水回来喝一会儿了 😭😭😭）
至于原因，简短来说，就是webpack需要去索引整个项目的文件，编译成一个或多个单独的 js 文件；而vite则是在浏览器请求对应 URL 的时候，再提供对应的文件，更详细的还是去瞅瞅 vite 的自荐吧
开搞
开始进入正题
WEBPACK
webpack报错 Module not found: Error: Can‘t resolve ‘XXX‘ in ‘XXX‘
Peter 发表于2024-04-20 浏览18014 评论0
问题描述：
最近想要学习一下webpack的用法，按照官方示例https://www.webpackjs.com/api/cli/ 学习，我的工程目录为：
.
├── dist
├── src
| ├── main.js
| └── other.js
└── index.html
文件内容为：
<!-- index.html -->
<html>
<head>
<meta charset="utf-8">
<
WEBPACK
Vue的路由配置（Vue2和Vue3的路由配置）（vue3使用路由）
欢乐多多 发表于2024-04-20 浏览6743 评论0
系列文章目录
Tips：使用Vue3开发项目已经有一段时间了，关于Vue2的路由是如何一步一步搭建的都快要忘记了，今天写着篇文章主要就是回顾一下，在Vue2和Vue3中我们是如何一步一步的配置路由的。
提示：最好的进步就是有闲暇时间就敲一敲代码！！！！！
一、路由是什么？
Vue中的路由就是.SPA（single page application 单页应用程序） 的路径管理器。
vue-router是Vue.js官方的路由插件，用于构建单页面应用。vue的单页
WEBPACK
VUE——使用VUE脚手架创建项目（vue用脚手架创建项目怎么写）
A-婷婷 发表于2024-04-20 浏览5779 评论0
前言
vue脚手架工具，对vue项目构造做了封装，直接使用vue-cli创建项目，常用配置自动帮你完成，不用自己像使用webpack一样配置。
目录
1、安装 npm i vue
2、创建vue项目
3、运行项目
1、安装 npm i vue
ps:项目化开发中，使用import导入vue，而不用script src标签引入
我们的第一步需要下载vue及vue脚手架工具，可以在集成终端或者使用cmd方式键入以下命令
npm install vue @vue/cli -g
WEBPACK
如何在nodejs中使用swagger
我的世界龙化HIM404 发表于2024-04-19 浏览9873 评论0
在工作中和后台javaer进行接口调试的时候使用的是swagger,非常的方便。nodejs中有什么好用的api工具呢？网上查找了一下，swagger同样适用于nodejs,记录一下在nodejs中使用swagger的过程。
1、 安装依赖
npm install swagger-ui-express swagger-jsdoc -S
2、创建swagger中间件
在utils/swagger文件夹中创建index.js
配置swagger-jsdoc中的options
注意修改
WEBPACK
使用ant-design-vue开发后台管理系统（一、环境配置及项目创建）
√韩少wwwywwpaycom 发表于2024-04-19 浏览6271 评论0
简介
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的 UI 组件库，其组件功能丰富多样使用简单，开发成本相对来说较低；前提是需要对WEB前端知识以及vue开发有一定的了解，本文开发使用的是vue3.2.31+ant-design-vue3.2.0；本文将对整个开发过程进行全方位记录与介绍。
vue参考文档：Vue.js
ant-design-cue参考文档：https://www.antdv.com/docs/vue/introduce-cn
WEBPACK
vue中纯前端实现滑动图片验证的方式（基于vue图片滑动验证）
jsonyy 发表于2024-04-18 浏览6434 评论0
Hello，大家好呀~ 众所周知，滑动图片验证一直是各类网站登录和注册的一种校验方式，是用来防止有人恶意使用脚本批量进行操作从而设置的一种安全保护方式。
一般而言，这种滑动图片验证是可以通过后端配合完成，后端处理出一张中间有缺口的大图片和对应的拼图小图片，并记录拼图在大图片中的垂直Y轴位置，前端拿到一大一小两张图片和垂直Y轴位置后就可以将拼图定位到大图有缺口的对应的水平线上，再让用户滑动滑块到指定位置，待用户松开滑块时就记录此时的水平位置并发给后端校验（当然还配合一些其他校验，比如说