分类标签归档：Vue3
你可以按照以下步骤在 VS Code 中进行前端调试：
在 package.json 里配置好启动脚本（如你的 "dev": "vite"）。 在左侧的“运行和调试”视图（或按 ctrl + shift + d）中，点击“创建 launch.json 文件”，选择“Web App (Edge)”或“Web App (Chrome)”。 修改生成的 launch.json，将 url 改为你的本地开发服务器地址（如 http://localhost:5173）。 启动你的开发服务器（如点击 NPM 脚本的“dev”或在终端运行 npm run dev）。 在代码中点击行号左侧设置断点。 在“运行
config.js里面配置
devServer: {
https: {
key: '/home/chf/python_obj/cews/local.chenhaifeng.top.key',
cert: '/home/chf/python_obj/cews/local.chenhaifeng.top_public.crt',
},
//https: true
open: true, // requiest.js
import axios from "axios";
import { ElMessage } from "element-plus";
const apiService = axios.create();
const NETWORK_ERROR = "网络错误...";
// 请求前
// apiService.interceptors.request.use((config) => {
// return config;
// }, (error) => {
// retur npm install -g cnpm --registry=https://registry.npmmirror.com
```
2. 使用vite脚手架创建vue项目
cnpm create vite@latest my-vue-app --template vue
3. 启动项目
918 cd my-vue-app/ 920 cnpm install 950 npm run dev
4. 安装依赖（less, router, element-plus自动导入/图标)
cnpm ins
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片粘贴</title>
<script src="https://cdn.jsdelivr.安装
npm install --save vue3-slide-verify
使用
<template>
<div>
<slide-verify ref="block" :slider-text="text" :accuracy="accuracy" @again="onAgain" @success="onSuccess"
@fail="onFail" @refresh=&拉取项目 创建docker-compose.yml - default.conf为nginx配置文件 - dist 为vue3打包的文件 - ssl_key为https证书文件
version: '3'
services:
nginx:
image: nginx
restart: always
ports:
- "443:443"
- "80:80"
volumes:
- ./conf/default.conf:/etc/nginx/conf.d/default.coxxx.vue
<template>
<notebookmain v-model:editor_content="editor_content_ref" v-model:editor_title="editor_title_ref"></notebookmain>
</template>
<script><div>
<ul class="navul">
<li class="navli">
<a href="#">后端</a>
<ul>
<li><a>python</a></li>
<li><a>python</a></li