问题标签 [starter-kits]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
163 浏览

git - 在不丢弃原始 git 链接的情况下克隆 git starter 项目?

我想为 javascript 应用程序克隆一个入门项目。入门项目包含用于开发的预配置和漂亮的文件夹结构等。我将在该文件夹结构中开发我的应用程序。我将把启动项目和我所有的文件提交到我自己的仓库中。

我想知道的是,我可以保持与启动项目存储库的链接,以便我可以将他们的任何更改拉到(例如)构建配置文件吗?

我查看了 git 子模块,但认为这不会起作用,因为我正在“子项目”中进行更改。

0 投票
1 回答
657 浏览

yii2 - 如何使用 Yii2 Glide

我已经使用了 yii2-file-kit。现在我想通过滑行调整缩略图的大小,但我在日志中出现错误

这是我的配置

在我看来

我只是查看 Starter-Kit 配置,并且与我看到的配置相同。存储配置与 yii2-starter-kit 相同

0 投票
1 回答
2591 浏览

node.js - 在 Openshift 上部署 React.js 入门工具包

我正在尝试在 Openshift 上部署 React.js 的 Starter Kit(可在此处获取:https ://github.com/kriasoft/react-starter-kit )。为此,我修改了一些我在这里解释的小东西。

首先,Openshift 中的日志告诉我,servers.jsimport文件中的关键字无法识别。我认为 Openshift 目前没有使用 Babel。

这里提到了一个解决方法:如何在 Open Shift 中修改节点启动命令?

所以我用推荐的内容修改了server.js内容(因为 Openshift 运行node server.js命令而不是属性中babel-node tools/run start定义的)并将我的基础重命名为.scripts.startpackage.jsonserver.jsapp.js

现在,日志告诉我babel-core找不到,所以我修改了package.json文件以放入babel-corebabel-cli放入dependencies而不是devDependencies删除DEV另一个属性的值。

一直以来,当我在 Openshift 上推送我的代码(src文件夹的代码)时,编译会随机失败(安装依赖项时)并且需要很长时间。但是,当我重新启动磁带时,我可以看到我解释过的日志。

我目前的情况是情况看起来好多了,但问题是磁盘空间:不够。这让我感到惊讶,因为磁带盒可以承载 1GB,而在我的本地计算机上,所有具有依赖关系的文件都需要大约 148MB。我试图删除并重新创建墨盒:出现同样的事情。

有人知道这里有什么问题吗?cardridge超过1GB的事实很奇怪......

谢谢你们。

0 投票
2 回答
801 浏览

angular - 如何一起使用 angular2-webpack-starter 和 angular-cli?

我是 Angular2 和 webpack-starter 的新手。并让带有 ng2-boostrap 的 webpack-starter 运行良好。但是当我尝试开始使用 angular-cli 添加组件时,我看到“您必须在 ember-cli 项目中才能使用生成命令。” 这是有道理的,但是对于这个新手来说,使用类似'ng g compoenent ...'之类的东西来添加新组件会非常有帮助。或者,如果有一个 gulp 任务为 webpack-starter 执行此操作会有所帮助。

我四处搜索,没有发现任何明显的东西,也不想破坏 webpack-starter 项目。任何帮助将不胜感激。我总是可以为新组件手动构建所有文件,但这在开始时似乎非常浪费并且容易出错。

0 投票
1 回答
742 浏览

angular - 如何为 angular2-webpack-starter 的 webpack-dev-server 设置代理?

我一直在将 angular1 项目移植到 angular2-webpack-starter 项目。前端部分运行良好,我尝试通过在 webpack.dev.js 文件中设置代理来将前端连接到后端服务器:

有些事情显然是错误的:http://localhost:3000/auth/local没有代理到后端。所以您的帮助将不胜感激。还是 webpack-dev-server 的代理还没有工作???

谢谢!!

0 投票
0 回答
208 浏览

node.js - 如何将 React/Redux Starter Kit 与 Hackathon-Starter Kit 合并

如果我已经使用https://github.com/davezuko/react-redux-starter-kit构建了我的前端- 有没有办法可以将它移植到 Hackathon Starter Kit https://github.com/sahat/hackathon -启动器

0 投票
1 回答
197 浏览

nginx - 为什么 angular2-webpack-starter 可以使用:'localhost:3000/#/',但不能使用'https://hostname/front/#/' 为什么?

我正在使用“angular2-webpack-stater”项目,并准备与我的后端服务器集成。我使用两个代理通道设置 nginx 以连接到前端和后端:

后端按预期工作。当我使用“npm run server”运行前端时,浏览器会在“localhost:3000/#/”处打开,并且一切正常。

但是当我尝试使用以下方式访问前端时:

(而不是使用 localhost:3000/#/)我看到:

因为尝试 GET 时出错:

来自 index.html 文件。这失败了:<script src="/webpack-dev-server.js"></script>因为它找不到 webpack-dev-server.js 文件。

为什么世界上有什么不同?对于任何走这条路的人,我们将不胜感激您的帮助。高高低低看了一遍,还没有找到解决办法。通过 localhost 而不是主机名访问有什么魔力?我已经链接:

这感觉不应该这么难!显然我不明白 webpack 和 webpack-dev-server 如何提供静态文件。

谢谢!!


另外:对于任何试图在服务器端(快速服务器)解决 cors 问题的人,我需要在我的 app.js 文件中添加此代码:

然后,这允许在不同端口上从前端到后端的完整通信。

0 投票
0 回答
788 浏览

performance - 我使用 Bootstrap 4 和 font-awesome 为多个页面配置了 webpack,它非常慢并且让我的电脑卡住了

我创建了一个使用 bootstrap 4 和 fontawesome 的 webpack 配置。它有多个入口点并同时处理多个 html 页面。

对于那些好奇的人,我也创建了我的工作流程存储库:

github

它工作正常,我对输出感到满意。困扰我的是它的速度。工作流程非常慢,我无法弄清楚。一旦我更改了一些文件,CPU 使用率就会达到 100%。

这是我的 webpack 配置文件:

0 投票
1 回答
2170 浏览

node.js - 如何创建自己的 npm starter-kit?

艺术入门: 流行的 node.js 框架带有它们自己的作为项目模板的 starter-kits,例如 React 带有 starter-kit 。当用户想要创建一个新的 React 应用程序时,他们可以使用简写npx create-react-app my-app. ...方式自动创建整个项目脚手架,其中包含所有基线项目文件、目录和包依赖项。当使用 starter-kit 时,npx 解析 starter-kit 文件中的模板变量,即如果 package.json 包含条目{{my-application-name}},npx 将根据用户输入将模板变量替换为例如“my-first-app”。React 只是此类入门工具包的一个示例。

问题陈述: 我想为自己的 node.js 框架构建自己的入门工具包。乍一看,似乎只是按照约定命名我的包以“create-”开头并在正确的位置使用模板-{{vars}}。我试了一下并开始复制&粘贴&替换,但是npm install没有用,因为未解析的模板变量会导致构建错误。

有人知道如何创建自己的 npx starter-kit 的教程吗?有人知道如何构建和发布新的入门工具包吗?

0 投票
1 回答
2319 浏览

node.js - 如果制作入门工具包生成器,如何使用 nodejs 在文件和文件夹中动态创建和写入内容

我想为一个框架创建一个项目入门工具包生成器,就像带有 node.js 的 Angular CLI 一样。

以下是假设命令为所需的功能kit-cli

  • kit-cli initkit-cli am/as: 会问几个问题,并在此基础上创建所有文件和文件夹以开始使用。

  • kit-cli add option: 将创建一些代码并将其添加到现有文件中,并在需要时运行一些基于系统的命令。

我有以下方法:

  • 将我的内容放入 JSON 文件中。

  • 根据用户的选择,从 JSON 文件中读取内容并创建文件夹和文件。

  • 不知道如何从现有文件中添加/删除代码。

问题:

  • 假设文件夹结构会根据用户的选择而变化,我应该如何存储和创建文件夹/文件结构。

  • 我应该如何从现有文件中编辑/添加/删除代码。