目录
1.代码
car.css
.img{
BORDER-RADIUS:#000 1px solid;
BORDER-TOP:#000 1px solid;
MARGIN:#000 10px 0px;
BORDER-LEFT:#000 1px solid;
BORDER-BOTTON:#000 1px solid;
}
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test jQuery</title>
<!-- 引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>测试 jQuery 是否加载</h1>
<script>
// 测试 jQuery 是否加载
$(document).ready(function () {
alert("jQuery 已加载！");
});
</script>
</body>
</html>app.py
from flask import Flask,render_template
app=Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()2.运行结果
注意：
软件：vscode
扩展插件：
在 VS Code 中使用 Flask 框架开发 Python 项目时，推荐安装以下扩展插件，以提升开发效率和体验：
1. 必备插件
-
Python：这是 VS Code 的官方 Python 插件，提供语法高亮、代码补全、调试等功能，是 Flask 开发的基础。
-
Pylance：提供更强大的代码智能感知和类型检查功能，能够显著提升开发效率。
-
Jinja2 语法高亮：Flask 使用 Jinja2 模板引擎，安装此插件可以更好地支持 Jinja2 语法的高亮显示。
2. 开发辅助插件
-
Flask：提供对 Flask 框架的语法高亮、自动完成和调试支持。
-
Live Server：可以在本地启动一个服务器，实时预览 Flask 应用程序，方便开发和调试。
-
Auto Rename Tag：自动重命名 HTML 标签，避免手动修改的麻烦。
3. 代码格式化和质量检查
-
Prettier：代码格式化工具，可以保持代码风格一致，让代码更整洁。
-
ESLint：用于检查 JavaScript 代码中的语法错误和潜在问题，适用于 Flask 模板中的 JavaScript。
-
Pylint：Python 代码检查工具，帮助发现代码中的问题。
4. 其他实用插件
-
GitLens：增强 Git 功能，提供代码审查、提交历史等功能，适合团队协作。
-
Material Icon Theme：美化 VS Code 的图标，提升开发体验。
安装步骤
-
打开 VS Code。
-
点击左侧的扩展图标（四个方块）。
-
在搜索框中输入插件名称（如 Python、Pylance、Jinja2 等）。
-
找到对应的插件并点击 安装 按钮。
安装完成后，VS Code 会自动加载插件，并在重启后生效。通过这些插件，你可以更高效地开发 Flask 项目。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
