简介
generator-webapp-partial 是一款基于 Yeoman 的前端应用生成器，它能够帮助开发者快速创建一个包含常见前端开发功能的项目骨架。这个生成器包含了各种工具，例如 Gulp、Babel、Webpack、ESLint 等等，开发者可以根据自己的需要调整这些工具的设置。在使用这个生成器之前，你需要安装 Node.js 和 Yeoman，如果你尚未安装，请前往官网下载并安装。
安装和使用
打开终端，使用如下命令安装 generator-webapp-partial：
npm install -g generator-webapp-partial
安装完成后，就可以使用这个生成器来创建新项目了。使用如下命令生成项目：
yo webapp-partial
在生成器运行时，你需要按照提示输入一些信息，例如项目名称、作者名字等等，然后生成器将会自动化地创建一个新项目骨架。
配置和定制
generator-webapp-partial 可以帮助开发者创建一个健壮的项目骨架，但是不同的开发者可能有不同的需求。在这种情况下，可以使用生成器提供的一些参数来进行个性化设置。下面是一些常见的参数：
--skip-welcome-message：跳过欢迎信息--skip-install：跳过安装依赖--skip-cache：跳过缓存--skip-install-message：跳过安装信息--git：使用 Git 进行版本控制--githubAccount：你的 GitHub 账号--projectRoot：项目根目录--projectName：项目名称--projectDescription：项目描述--projectAuthor：项目作者--projectLicense：项目许可证
使用这些参数可以帮助你在满足自己需求的同时，更加高效地开发你的项目。
项目结构
当你使用 generator-webapp-partial 创建一个新项目骨架时，它将自动化地帮你创建一个标准的项目结构。下面是这个结构的一个简介：
-- -------------------- ---- ------- - --- ---- - ----- - --- -------- - ---------- -- - --- ------- - ----- - --- ------- - ---- - --- ---------- - ---- -- - --- ----------- - ---- --- ----- - -------- --- ----------- - ---- ---- --- ------------ - ---- --- --------- - ---- --- ------------- - ---
示例代码
下面是一个例子，展示了如何使用 generator-webapp-partial 创建一个新项目骨架，并在这个骨架中编写一个简单的 Hello World 程序。
首先，打开终端，使用以下命令安装 generator-webapp-partial：
npm install -g generator-webapp-partial
然后，使用以下命令创建一个新项目骨架：
yo webapp-partial
按照提示输入项目信息，然后等待生成器自动生成项目骨架。
打开 app 目录下的 index.html，然后编辑它，将它改写成以下内容：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------ ------------- ------- ------ --------- ---------- ------- -------打开 app/styles/main.scss，将它改写成以下内容：
// 这里是 main.scss h1 { color: blue; }最后，使用以下命令构建并启动项目：
gulp serve
在构建完成后，Gulp 会自动启动本地服务器，并在浏览器中打开一个新选项卡以展示 Hello World 程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005695d81e8991b448e4d15