分类目录归档：Frontend
你可以按照以下步骤在 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, // 在 Nginx 配置中，auth_basic 用于启用基本认证（Basic Authentication），而 auth_basic_user_file 用于指定存储用户名和密码的 .htpasswd 文件。如果你希望通过 API 来代替传统的浏览器认证，你需要通过 HTTP 请求头传递基本认证信息。
基本认证工作原理 基本认证使用的是 HTTP 头部中的 Authorization 字段，格式如下：
Authorization: Basic <base64(username:password)>
其中，username:password 是你用冒号分隔的用户名和密码，然后将其转化node管理工具 npm管理工具
安装
nvm install 20
应用
nvm use 20.18.1
如果你想要将某个版本设置为默认版本，可以使用以下命令：
nvm alias default 20.18.1
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
全局使用
RUN npm config set registry https://registry.npmmirror.com
当前使用
npm install --registry=https://registry.npmmirror.com
总共两列， 左边一列:只有一个元素高100px, 右边一列：垂直两个元素, 各占50px
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.container {
display:// select选择不同提示内容
document.addEventListener('DOMContentLoaded', function() {
var selectElement = document.getElementById('id_sic_method');
var spanElement = document.getElementById('sic_method_tip');
selectElement.addEventListener('change', function() {