讲师中心 微信公众号
AI工具推荐 视频效率加速

Sublime Text怎么做项目模板_Sublime Text项目模板创建教程【完整】

梦枫酱_9257

梦枫酱_9257

发布时间:2026-03-29 17:38:52

|

333人浏览过

|

来源于php中文网

原创

.sublime-project 文件需先通过“Add Folder to Project”添加目录再保存,否则 folders 字段为空;项目模板可共享,但须排除 .sublime-workspace 和个人化配置。

sublime text怎么做项目模板_sublime text项目模板创建教程【完整】

怎么用 .sublime-project 文件定义项目结构

Sublime 的“项目”不是抽象概念,它就是一个 JSON 配置文件——myapp.sublime-project。你保存它,就等于把当前工作目录、忽略规则、缩进偏好等全固化下来了。

常见错误是:点 Project → Save Project As… 后发现侧边栏没反应。其实它默认只保存项目配置,**不会自动添加当前打开的文件夹**(除非你之前已通过 File → Add Folder to Project 加过)。所以实操时建议两步走:

  • 先用 Project → Add Folder to Project… 把源码根目录加进来
  • 再执行 Project → Save Project As…,选好路径和名字(比如 frontend.sublime-project)

这样生成的文件里 "folders" 字段才会有真实路径,否则会空着或写错。

如何让项目自带 HTML/CSS 模板一键生成

Sublime 本身不提供“新建项目→自动生成 index.html+style.css”功能,但可以通过 Build System 拆解成 Shell 命令来实现,比装插件更轻量、更可控。

实操要点:

  • 菜单选 Tools → Build System → New Build System…
  • 把内容替换成这段 JSON:
    { "cmd": ["sh", "-c", "mkdir -p '${file_path}/src' && touch '${file_path}/src/index.html' && touch '${file_path}/src/style.css' && echo '✅ Created: src/index.html + src/style.css'"] }
  • 保存为 Packages/User/CreateWebSrc.sublime-build
  • 在任意项目根目录下新建一个空文件,按 Ctrl+B(Windows/Linux)或 Cmd+B(macOS),就能跑出标准结构

注意:${file_path} 是当前文件所在目录,不是项目根目录;所以最好先在目标文件夹里新建一个临时文件再运行,否则可能建错位置。

为什么 htmltpl 片段不生效?语法模式和路径必须对得上

写好 <tabTrigger>htmltpl</tabTrigger> 却按 Tab 没反应,90% 是因为当前文件没切换到 HTML 语法模式。

验证方法:看窗口右下角,显示的是 Plain Text 还是 HTML。只有在 text.html.basic 作用域下,htmltpl 才会被识别。

实操建议:

  • 新建文件后,立刻按 Ctrl+Shift+P 输入 Set Syntax: HTML 回车
  • 确保 snippet 文件保存在 Packages/User/html_template.sublime-snippet(路径错一个字母都不行)
  • 如果改过 snippet 内容,不用重启 Sublime,但要执行 Ctrl+Shift+P → Reload Syntaxes

另外,<scope>text.html.basic</scope> 不能写成 source.html 或漏掉,这是 Sublime 匹配语法的唯一依据。

项目模板能共享给团队吗?可以,但别直接提交 .sublime-workspace

.sublime-project 是纯配置,可安全加入 Git;但同名的 .sublime-workspace 记录的是你个人的打开标签页、光标位置、折叠状态等,属于本地状态文件,绝对不要提交。

团队协作时容易踩的坑:

  • 有人把 "settings" 里写了自己本地的 Node 路径或 ESLint 配置,导致别人 build 失败
  • 用了 folder_exclude_patterns 排除 node_modules,但 macOS 和 Windows 下路径分隔符不同(实际不影响,Sublime 自动兼容)
  • 多人共用同一份 .sublime-project,却各自修改了 "build_systems",结果互相覆盖

真正该共享的只有 "folders" 和基础编辑设置(如 tab_size);构建、格式化、Linter 等应交由项目级脚本(如 package.json)管理,而不是塞进 Sublime 配置里。

热门AI工具

更多
超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

1995

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2802

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

956

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3139

2025.09.10

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

5379

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

1640

2023.07.06

git撤销提交的commit
git撤销提交的commit

Git是一个强大的版本控制系统,它提供了很多功能帮助开发人员有效地管理和控制代码的变更,本专题为大家提供git 撤销提交的commit相关的各种文章内容,供大家免费下载体验。

934

2023.07.24

git提交错误怎么撤回
git提交错误怎么撤回

git提交错误撤回的方法:git reset head^:撤回最后一次提交,恢复到提交前状态。git revert head:创建新提交,内容与之前提交相反。git reset :使用提交的 sha-1 哈希撤回指定提交。交互式舞台区:标记要撤回的特定更改,然后提交,排除已撤回更改。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3517

2024.04.09

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

0

2026.09.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn