generator-vintage-frontend:现代前端工作流程


介绍

Generator Vintage Frontend 是一个用于创建现代前端应用程序的 Yeoman 生成器。它提供了一个简洁的工作流程,包括安装、更新、运行和构建项目等步骤。

先决条件

  • 确保您已经安装了 Node.js 和 npm(Node Package Manager)。

安装 Generator Vintage Frontend

  1. 在命令行中执行以下命令来全局安装 Generator Vintage Frontend:
    npm install -g generator-vintage-frontend

如果您在使用*nix操作系统,请确保以管理员权限运行终端。

开始使用 Generator Vintage Frontend

  1. 在命令行中执行以下命令来创建一个新的项目:
    yo vintage-frontend

回答问题

  • 根据提示,您需要回答一些关于您的项目的问题。这包括选择框架、配置构建工具等。

完成后,Generator Vintage Frontend 将根据您的选择创建项目文件和目录结构。

安装依赖项并开始开发

  1. 在命令行中执行以下命令来安装项目的依赖项:
    npm install

启动开发服务器

  • 运行以下命令来启动本地开发服务器:
    npm run development

现在您可以在浏览器中访问 http://localhost:3000 查看您的应用程序。

构建生产捆绑

  1. 如果您想将项目打包为生产环境,请运行以下命令:
    npm run production

完成后,您可以在 dist/ 目录中找到生成的静态文件。

许可证信息

  • 使用 Generator Vintage Frontend 创建的项目受到 MIT 许可协议的保护。
zip
generator-vintage-frontend-master.zip 预估大小:64个文件
folder
generator-vintage-frontend-master 文件夹
file
package.json 877B
file
LICENSE 1KB
folder
generators 文件夹
folder
app 文件夹
file
index.js 5KB
folder
templates 文件夹
file
package.json_t 2KB
file
rules.jscsrc 309B
folder
www 文件夹
folder
static 文件夹
file
favicon.ico 1KB
file
gulpfile.js 54B
folder
gulp 文件夹
file
config.js 2KB
folder
tasks 文件夹
file
templates.js 1KB
file
scripts.js 1KB
file
default.js 517B
file
docs.js 299B
folder
sprite-svg 文件夹
file
sprite-svg.js 3KB
file
_svg.scss 188B
file
styles.js 3KB
file
livereload.js 516B
file
vintage-frontend.json_t 101B
folder
src 文件夹
folder
js 文件夹
file
index.js 517B
folder
pages 文件夹
file
Home.js 771B
folder
components 文件夹
file
Common.js 784B
file
Timer.js 735B
file
PublicAPI.js 598B
folder
modules 文件夹
folder
dep 文件夹
folder
.gitkeep 文件夹
folder
dev 文件夹
file
_helpers.js 5KB
folder
svg 文件夹
file
vintage-logo.svg 673B
folder
ts 文件夹
folder
pages 文件夹
file
Home.ts 840B
folder
components 文件夹
file
Common.ts 887B
file
Timer.ts 667B
file
PublicAPI.ts 635B
file
index.ts 517B
folder
modules 文件夹
folder
dep 文件夹
folder
.gitkeep 文件夹
folder
dev 文件夹
file
_helpers.ts 5KB
folder
styles 文件夹
folder
partials 文件夹
folder
_helpers.scss 文件夹
folder
_keyframes.scss 文件夹
folder
_mixins.scss 文件夹
file
_fonts.scss 444B
file
_variables.scss 180B
file
_svg.scss 103B
folder
pages 文件夹
file
home.scss 19B
file
index.scss 334B
folder
components 文件夹
file
common.scss 39B
folder
libs 文件夹
file
vintage-reset-normalize.scss 6KB
folder
template 文件夹
folder
partials 文件夹
file
_mixins.pug 30B
file
_variables.pug 55B
file
_sprite.svg 218B
folder
extend 文件夹
file
default.pug 1KB
folder
pages 文件夹
file
home.pug 716B
file
index.pug 6KB
folder
components 文件夹
file
_footer.pug 26B
file
_helpers.pug 194B
file
_header.pug 26B
file
jsdoc.json 62B
file
tsconfig.json 440B
file
README.md_t 4KB
file
webpack.config.js 1KB
file
gitignore 99B
folder
vintage-cli-templates 文件夹
file
package.ts.json 2KB
file
package.js.jquery.json 2KB
file
package.js.json 2KB
file
package.ts.jquery.json 2KB
file
.gitignore 101B
file
CHANGELOG.md 171B
file
.npmrc 18B
file
README.md 1KB
...
zip 文件大小:50.25KB