vue项目中使用npm run build打包后会生成一个dist文件，使用git推送项目后，发现git上少了一个dist文件，为什么明明本地项目中有这个文件而推上去就没有了呢？...(2) 用Git Bash 根目录下右键选择“Git Bash Here”进入bash命令窗口； 输入vim .gitignore或touch .gitignore命令，打开文件（没有文件会自动创建）；...默认情况下，Mac OS X下的每个文件夹下应该都会生成一个，包括网络介质存储盘和U盘这样的外部设备。...最后需要强调的一点是，如果你不慎在创建.gitignore文件之前就push了项目，那么即使你在.gitignore文件中写入新的过滤规则，这些规则也不会起作用，Git仍然会对所有文件进行版本管理。...二、解决办法 找到.gitignore这个文件，把/dist这一项删掉。在重新提交git就可以了。
现在，有一个名为 Continue 的项目能够让 LLM 在 IDE 中运行，例如让 ChatGPT 在 VSCode 中运行。...这个开源项目将大幅改善开发者使用 LLM 编程的体验，已经狂揽 1.5k star。...其中，SDK 使用户能够访问在 LLM 集成的 IDE 中访问一些必要工具（例如打开目录、编辑文件、调用模型等）；GUI 能够让用户透明地检查每个自动化步骤，从而提供撤销和重新运行任何错误代码的机会；服务器则负责将...Continue 库把 LLM 集成到 IDE 中之后，用户可以直接给一段代码提供自然语言编辑命令，代码就能按照要求进行修改，甚至可以完成修改参数、初始化变量这种细节任务： 从头开始生成文件 除了编辑已有代码...，Continue 还可以创建空白文件，从头开始生成脚本。
+ Postgresql 优点： 服务端渲染（SSR) + 静态生成， 访问速度极快，全新 UI 支持换肤； TailwindCSS 在国外如火如荼，但是在国内却很少看到在生产上应用，对我来说， TailwindCSS...而文章内容写完之后是通常不变的，所以可以先将页面静态存储在服务器上，这样就可以大大减小数据库压力。 getStaticProps 在构建时请求数据。...声明文件。...1、MySQL 里有只有 utf8mb4 才能显示 emoji 的坑, Pg 就没这个坑； 2、Pg 可以存储 array 和 json， 可以在 array 和 json 上建索引； 代码编辑器 从上一版是...remark 自己写的组件 ，这一版发现掘金的 Markdown 编辑比较好用，就直接使用了bytemd, 底层都是使用了 remark 和 rehype，支持任何框架，并且拥有丰富的插件，还是比较好用的，但是在文章详情页却没有单独的
一、前言 前几天在Python最强王者群【哎呦喂 是豆子～】问了一个Python打包的问题，一起来看看吧。 py文件转换成exe文件在windows上允运行 有没有什么好方法？...window上没有python。 二、实现过程 这里【瑜亮老师】给了一个思路和指导，如下： 把用到的库你复制过去，开始打包。...【巭孬】说到，直接进行打包的话，文件确实很大，可以使用虚拟环境的打包。 后来还是用pyinstaller打包了，不到100M，还是有点大，但是也凑合。
免费体验 Gpt4 plus 与 AI作图神器，我们出的钱 体验地址：体验 以下解释是全面理解为什么 Astro 在2023年成为最佳 web 框架所必需的。...要么是静态的（没有水合作用），要么是动态的（带有JS）。...下面是一个使用 Astro 的最终HTML页面可能的样子： 在像Nuxt或NextJS这样的框架中，在页面加载之后没有什么是静态的，因为它会对整个页面进行水合作用，从而注入不必要的JavaScript。...结论：为什么Astro是2023年最佳的Web框架？ 在一个人们容易分心、大量使用手机浏览互联网的世界里：速度和页面加载是关键。...它可以轻松部署在主要的Web主机上，包括边缘服务器：Netlify、Vercel、Cloudflare、Firebase、Surge、Render、Heroku等！
模板语法，在用Vue的时候我没有感觉到模板语法有多好，可能是因为模板和逻辑写在一个文件里总觉得不纯粹。但在Angular中模板被单独放一个html文件，组件用Class的语法写，我就莫名觉得爽快。...你可能同样在犹豫要不要学这玩意，我的意见是：学！因为确实NodeJS中目前没有特别全面的框架（虽然NestJS在Spring面前也是弟弟）。...GraphQL-Code-Generator[48]，很强大的工具，从.graphql文件到语言可以直接使用的方法/类型定义，这个思想实际上各个语言都有，如Dart和Ruby等。...在TS中这个工具的主要能力就是生成TS的类型定义，同时它的插件体系还提供了更多的额外能力，如Apollo-Client的插件，让你可以直接使用封装好的的useXXXQuery等，前端连查询语句都不用写了...PNPM[80]，实际上是包管理工具，但内置了Monorepo支持，我也在用这个（强烈安利），想要了解可以看看三元的这篇文章：为什么现在我更推荐pnpm而不是 npm/yarn ？
背景 在项目过程中，有时候你需要调用非C#编写的DLL文件，尤其在使用一些第三方通讯组件的时候，通过C#来开发应用软件时，就需要利用DllImport特性进行方法调用。...我们可以看到这里有一些文件，其中dllmain.cpp作为定义DLL应用程序的入口点，它的作用跟exe文件有个main或者WinMain入口函数是一样的，它就是作为DLL的一个入口函数，实际上它是个可选的文件...编译项目程序，最后在Debug目录生成CSharpInvokeCPP.CPPDemo.dll和CSharpInvokeCPP.CPPDemo.lib ?...另外，记得把CPPDemo中生成的DLL文件拷贝到CSharpDemo的bin目录下，你也可以通过设置【项目属性】->【配置属性】->【常规】中的输出目录： ?...这样编译项目后，生成的文件就自动输出到CSharpDemo中了。 9.
这里的速度也跟开发环境的网络环境有关，而实际上我们云端部署是很快的，这也是为什么需要 30s 左右的部署时间，而且网络差时会更久，当然后面也会提到如何提高部署速度。...Manual Config Custom Domain 但是这个手动配置还是不够方便，为此 Next.js 组件也提供了 customDomains 来帮助开发者快速配置自定义域名，于是我们可以在项目的...staticConf.cosConf 指定 COS 桶，执行部署时，会默认自动将编译生成的 .next 和 public 文件夹静态资源上传到指定的 COS。...中，这样即使云函数中没有 node_modules 文件夹，也可以通过 require('abc') 方式引入使用该模块。...之后再次执行部署命令 serverless deploy 即可， 你会发现这次部署时间大大缩减了，因为我们不在需要每次压缩上传 node_moduels 这个庞大的文件夹了 (^▽^) 最后 基于以上方案
发起请求拉取自己github仓库里的博客，获取文章存成md格式在本地。 根据nextjs的约定，把生成的md文章改写成jsx，写入到pages目录下。...（这样nextjs就会识别成为一个个路由） 根据自定的规则生成首页jsx，写入pages文件夹。 使用next export导出博客。...首先先用next脚手架生成一个项目，然后在项目下建立builder文件夹，用来编写逻辑。...convertMdToJSX这个方法就是把md文件转为nextjs可以识别的jsx格式， ` import Page from '.....npm run all命令则是在sync命令调用后再去执行npm run build 和 npm run export，让nextjs去生成out文件夹下的静态html页面，这样就大功告成了。
# 为什么使用 SSR 并不是每个应用程序都需要使用服务器端渲染。...，日益受欢迎 快速刷新 在 Nex.js 应用程序上进行代码更改时，更改会在几秒钟内在浏览器上反映出来 快速显示 Next.js 非常快，因为大多数页面都是在服务器端预渲染并在客户端上提供的 图片优化...，而不是在构建工具和 Webpack 上挣扎 自动路由 NextJS 将项目结构化为页面，并添加路由 数据获取 根据应用程序的用例以不同的方式呈现内容 包括使用服务器端呈现或静态站点生成进行预渲染以及使用增量静态再生在运行时更新或创建内容...构建一个在线商店，但是你没有内部的开发团队，你将需要一个专门负责开发和管理的人员 路由问题 由于基于文件的路由限制了 Next.js 在节点路由方面的能力，因此如果你的项目需要动态路由，你将不得不使用...预渲染有两种类型，即： 静态生成（Static Generation） 服务器端渲染（Server-side Rendering） # 静态生成 在构建时生成 HTML 页面，这些页面将在每个请求上重用
在 Github 上看到一些不错的仓库，想要贡献代码怎么办？ 在 Github 上看到一些有用的网站，想部署到自己的服务器怎么办？ 。。。 我想很多人都碰到过这个问题。...以 heroku 来说，就约定根目录的 app.json 文件中存配置，这种约定的方式我个人强烈推荐。...可以看出 url 中也没有任何参数信息，那为什么它就知道从哪来的呢？我觉得 ta 应该利用的是浏览器的 referer，用它可以判断从哪里过来的，进而搜索对应项目根目录的 app.json 文件。...你可以通过右键在新的「无痕模式」中打开来验证。你会发现右键在新的无痕模式中打开是无法正常部署的。 这有什么用呢？ 一键部署意味着部署的门槛更低，不仅是技巧上的，而且是成本上的。...比如 heroku 就允许你直接免费一键部署若干个应用，直接生成网站，域名可以直接访问。如果你觉得域名不喜欢也可以自定义。如果你想修改源码重新构建也是可以的。 比如我看到别人的博客很漂亮。
我们没有跟踪对本地数 据库的修改，因为这是一个糟糕的做法：如果你在服务器上使用的是SQLite，当你将项目推送到服务器时，可能会不小心用本地测试数据库覆盖在线数据库。...在2处， 我们执行了命令git add .（千万别忘了这个句点），它将未被忽略的文件都添加到这个仓库中。...然后，让Heroku创建一个空项目（见2）。Heroku生成的项目名由两个单词和一 个数字组成，你以后可修改这个名称。...20.2.13 在 Heroku 上建立数据库 为建立在线数据库，我们需要再次执行命令migrate，并应用在开发期间生成的所有迁移。...在3处，Django应用默认迁移以及我们在开发“学习笔记” 期间生成的迁移。 现在如果你访问这个部署的应用程序，将能够像在本地系统上一样使用它。
应用到Heroku上。...在我们这个示例中，这个启动文件的名字是 app.js，所以执行文件（Procfile）的代码是 web:node app.js。...[图3] [图4] 步骤3 下一步是提交我们修改的文件到 Git 库上，我们用 git commit -m "new files." 这个命令就能提交。...如下图： [图5] [图6] 步骤5 在 Heroku 中创建一个应用。你可以指定一个应用名，又或者让 Heroku 生成一个随机名字给你。...[图7] 步骤6 现在我们就差一步了，就是推送我们的项目文件到服务器上。我们可以用这个命令：git push heroku master 。这个命令会将所有有改变的命令提交到服务器。
Nextjs路由设计原则零配置，使用文件系统作为API只有JavaScript，一切皆是函数自动服务器渲染和代码拆分数据获取由开发人员决定2....App Router 中的文件默认都是服务端组件.Client Components 客户端组件，如果要使用客户端组件那就必须加上 use client ，并且这个命令会影响到子组件，如果父组件加上了...use client ，那么这个组件下所有的子组件都是客户端组件了（无需再添加use client）.只有在客户端才可以使用useState，useEffect等 Rooks。'...这意味着只有在需要时才会重新生成页面，其他情况下将直接使用缓存的版本，提供更快的页面加载速度和更高的性能。...为什么不选择viteVite 依赖于浏览器的原生 ES Modules 系统，不需要打包代码，响应更新很快，但是如果文件过多，这种方式会导致浏览器大量进行网络请求，会导致启动时间相对较慢。
它们是静态文件，几乎可以在任何 Web 服务器上使用。但实际上，如果你使用了 JSX（JS 中的 HTML）和样式化组件，那么这些可以说只有 JavaScript！...为什么要使用Docker？ 你可能会问：“为什么要用 Docker？这不会使事情复杂化吗？” 是的我同意。.../nginx/html; index index.html; location / { try_files $$uri /index.html; } } 这个文件把...在带有安全标头的根目录中创建一个 static.json 文件，并把所有 HTTP 请求重定向到 HTTPS。...现在，你应该可以登录并看到你的应用在 Heroku 上运行了！你可以在 https://securityheaders.com 上验证其安全标头是否正确。 ?
20.2.4 创建包含包列表的文件 requirements.txt Heroku需要知道我们的项目依赖于哪些包，因此我们将使用pip来生成一个文件，其中列出 了这些包。...在Heroku部署中，这个目录总是/app。在本地部署中，这个目录通常是项目文件夹的名称（就我 们的项目而言，为learning_log）。...在2处，我们导入了dj_database_url，用于在Heroku上配置服务器。...20.2.9 创建用于存储静态文件的目录 在Heroku上，Django搜集所有的静态文件，并将它们放在一个地方，以便能够高效地管理它 们。我们将创建一个用于存储这些静态文件的目录。...上述内容没有什么特别之处，只是指出了在项目中添加这个文件的原因。
如果你刚刚开始接触Sinatra，你可能会觉得这个帖子有用。...假设您认为本地的应用程序没有问题了，接下来要做的是确保您有下边这些文件： Gemfile config.ru 我在上面的帖子中描述的Gemfile包含在应用程序中使用的所有Ruby gems的引用： source...我们只需要一个文件来表明我们想如何让我们的应用程序运行： 在config.ru里你需要填写以下内容： require '....下面您可以在这里学习怎么生成SSH密钥 当您在命令行环境下，您需要将您的密钥添加到Heroku，以便于在您的电脑和Heroku的计算机之间安全地进行通信： heroku keys:add 系统会要求您添加您创建...然后，假设你已经提交了最新的更新，你可以这样做： git push heroku master 你会看到Heroku收到推送请求，压缩文件，安装所需的Ruby gem，然后，没有问题的话，部署你的应用程序
创建第一篇文章 根目录下创建 posts 文件夹，我们的文章放在这个路径下。...我们的代码也不能随意编写，必须保证在两端都能运行。比如 window，在 Node.js 中没有这个对象，就会报错。 优点 减少代码开发量, 提高代码复用量。...lib/posts.tsx 这个文件导出 JSON 数据。...客户端渲染 只在浏览器上执行的渲染。 也就是最原始的前端渲染方式，页面在浏览器获取到 JavaScript 和 CSS 等文件后开始渲染。路由是客户端路由，也就是目前最常见的 SPA 单页应用。...静态页面生成（SSG） Static Site Generation 我们做的博客网站，其实每个人看到的文章列表都是一样的。 那为什么还需要在每个人的浏览器上渲染一次呢？
/pages/about.js文件，运行 Nextjs 后在浏览输入http://localhost:3000/about就可以看到这个组件，而....）也会有菜单异步加载并且实现SSR的需要，这个时候需要在_Nextjs_框架的基础上扩展。...，但是在架构设计上是颇为糟糕的。...在架构上这叫“样板式代码”，架构设计者应当尽量将这些代码通过“分层”的方式放到一个地方去处理。 所以有理由为_Nextjs_的./pages之外的组件实现ssr数据异步加载。...__NEXT_DATA__对象上而后在客户端可以从这个对象获取到已经在服务端加载的数据。
这个方法 generateStaticParams方法返回静态页面所有路由变量值的数组，假如使用的是[name]这个变量做文件名，该方法就需要返回name的所有情况 和pages不同的是，app路由不需要用特定的静态方法获取数据...，我们的静态页面更新实际上没有那么频繁，但是有些情况有需要连续更新（发布博客有错别字），这个时候其实需要一种能手动更新的策略，来发布指定的静态页面。...On-demand Revalidation（按需增量生成） NextJS提供了更新静态页面的方法，我们可以在 app 目录下新建一个 app/api/revalidate/route.ts接口，用于实现触发增量更新的接口...Nextjs在组件中指定了dynamicParams的值（true默认），当dynamicParams设置为true时，当请求尚未生成的路由段时，我们的页面将通过SSR这种方式来进行渲染。...传统 SSR 执行步骤 在服务器上，获取整个应用的数据。 在服务器上，将整个应用程序数据渲染为 HTML 并发送响应。 在浏览器上，加载整个应用程序的 JavaScript 代码。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
