前端必学40个精选案例实战一课吃透HTML5+CSS3+JS（高清完结）
Sublime Text 和 Visual Studio Code (VSCode) 是两款非常流行的代码编辑器，它们都提供了强大的功能来帮助开发者更高效地编写代码。下面将介绍如何在这两个编辑器中创建项目初始化骨架（即项目的初始文件和目录结构），以及一些常用配置。
Sublime Text 初始化骨架
创建初始化骨架
- 新建项目：通过菜单栏
Project -> New Project来创建一个新的项目。 - 添加文件夹：使用
Project -> Add Folder to Project...将你的工作目录添加到当前项目中。 - 定义文件和目录结构：手动创建所需的文件和目录结构。你可以直接在操作系统文件管理器中操作，或者利用Sublime Text的侧边栏右键点击并选择“New File”或“New Folder”。
插件辅助
- 插件安装：推荐安装 Package Control 以便轻松管理和安装其他插件。
- Skeleton Generator 插件：虽然没有专门为Sublime设计的“初始化骨架生成器”，但你可以寻找类似功能的插件，如
AngularJS Snippets或者Emmet等，这些工具可以帮助快速生成特定框架或语言的模板代码。 - 自定义模板：你可以创建自己的snippet文件来作为模板，放置在用户设置下的
Packages/User/文件夹内。
自动化脚本
对于频繁使用的初始化骨架，可以考虑编写一个简单的Shell脚本或批处理文件，在命令行中运行以自动创建所需的文件和目录结构。
VSCode 初始化骨架
创建初始化骨架
- 打开VSCode：启动应用程序，并通过
File -> Open Folder...打开你想要初始化的工作空间。 - 终端命令：在集成终端（Ctrl + ``）中使用命令行工具（如
mkdir,touch）创建文件和目录。 - 扩展市场：访问 Extensions 视图（Ctrl + Shift + X），搜索并安装相关扩展，例如：
-
Yeoman Generator：用于生成各种前端框架的项目结构。
-
Reactjs Code Snippets：如果你正在开发React应用，则此扩展可提供快捷方式来插入常用的React组件。
-
任务配置：通过
.vscode/tasks.json配置自动化任务，比如构建、测试等。
使用 Yeoman 和 Generators
Yeoman 是一个命令行工具，它可以通过所谓的“generators”为不同的项目类型创建标准化的文件和目录结构。你可以按照以下步骤操作：
-
全局安装 Yeoman：
bash深色版本npm install -g yo -
查找适合的 generator：根据你要创建的项目类型选择合适的generator，例如
generator-angular对于 Angular 项目。 -
安装选定的 generator：
bash深色版本npm install -g generator-angular -
运行 generator：进入你的项目根目录，然后运行：
bash深色版本yo angular这将会引导你完成一系列问题，之后会为你创建出完整的项目结构。
工作区配置
为了使每次打开同一个项目时都能获得一致的体验，可以在项目根目录下创建一个 .vscode/settings.json 文件来进行个性化配置，如指定Python解释器路径、格式化工具选项等。
总结
无论是Sublime Text还是VSCode，都可以通过上述方法创建项目初始化骨架。然而，VSCode拥有更丰富的内置特性和社区支持，尤其是在与现代JavaScript/TypeScript生态系统集成方面表现出色。此外，借助于像Yeoman这样的外部工具，可以大大简化复杂项目的初始化过程。选择哪个编辑器取决于个人偏好和技术栈的需求。
