服务端渲染

布尔玛 我的hunky-dory Nuxt.js项目 构建设置 # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch server $ npm run build $ npm run start # generate static project $ npm run generate 有关工作原理的详细说明，请查看 。 “＃Nuxt.Js-with-Bhulma-Css”

nuxt-svg-sprite-loader 用于svg-sprite-loader的Nuxt.js模块。 安装 # npm $ npm install nuxt-svg-sprite-loader # Yarn $ yarn add nuxt-svg-sprite-loader 用法 该模块添加到您Nuxt.js模块列表nuxt.config.js ： export default { ... modules : [ 'nuxt-svg-sprite-loader' ] } 在页面中使用SVG： < svg ></ svg > < script > import Logo from ' @/

Nuxt + Supabase Supabase.js周围的supa简单包装器，可在Nuxt中使用。 安装 yarn add nuxt-supabase 配置 将以下内容添加到您的nuxt.config.js文件。 modules : [ [ 'nuxt-supabase' , { supabaseUrl : 'YOUR_SUPABASE_URL' , supabaseKey : 'YOUR_SUPABASE_KEY' } ] ] , 用法 然后，您可以在Nuxt上下文或Vue组件中使用supabase。 < script > export default { asyncData ({ $supabase }) { return { events : await $supabase . from ( " events " ). sele

shitty-app:包裹+波尔卡+快递+ nuxt中间件

seoulouba_admin 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch server $ yarn build $ yarn start # generate static project $ yarn generate 有关工作原理的详细说明，请查看 。 公众用户 达索尔·科利（Dasol Colley）

nuxt-dynamic-docs

前端样板 :magnifying_glass_tilted_left: 总览 该存储库是一组样板，其中包括一些可以在项目中遵循的良好实践和技巧。 有不同的技术由分支隔开，但是具有类似的结构来编写可伸缩的应用程序。 其中一些包括 ， ， 或 。 单击徽标以浏览它们。 基本SPA-样板功能 这些是此样板中包含的最相关的技术，所有这些技术都经过配置以激发您的项目，并显示了您可以使用它们做什么的示例。 JavaScript：用原始JavaScript编写。 SASS：创建样式的一些良好的Sass做法。 自动前缀：自动向这些样式添加供应商前缀。 Webpack：自动化任务和项目编译。 Babel：将其编译为不同版本的EcmaScript。 浏览

锅炉样板 Nuxt.js Boilerplate用プロジェクトです。 入门 以下の通りに実行して下さい。 开发モードでアプリケーションショ启动が。 ホットリロードが有效な状态です。 $ yarn install $ yarn run dev 生产モードで実行する际は以下を実行して下さい。 $ yarn run build $ yarn start 开发，生产どちらのモードでもURLは下记になります。 环境変数の登录 最低限以下の环境変数を登录して下さい。 を利用すると良いでしょう。 export APP_URL=http://127.0.0.1:3000 ，モ用の机能としてQiitaアカウントでログインを行い，Qiitaのプロフィール情报を取得する机能が実装されています。 これらを动作させる为には以下の手顺でQiitaにアプリケーションを登录する必要があります。 1.「设定」に迁移します 2.「アプリケーション」から「アプリケーションを登录する」に迁移に 3.アプリケーションの情报を入力します 以下の2つは任意で构いません。 アプリケーションの名前 アプリケーションの说

WSAWS AWSの料金を日本円でざっくり计算できるサイトです。 入力の手间を减らすために，料金への影响が少ない项目は削っているため，手軽に概算を算出できます。 正确な料金は必要ないから适当な入力でざっくり知りたい，みたいなときに便利かもしれません。 使い方 # インストール npm install # 開発サーバーの起動 npm run dev # ユニットテスト npm run test:unit # E2Eテスト向けに静的ファイルを生成 npm run generate:test # E2Eテスト npm run test:e2e # テストをまとめて npm run test # 本番向けに静的ファイルを生成 # E2Eテストに使用した要素のdata-test属性を削除しておく npm run generate:production データ更新の流れ 计算に使用する为替やAWSの料金は，Lambdaで毎朝に取得しています。 上午10点（JST）にLambdaを起こして価格の更新を行い，CircleCIで静的ファイルを生成してからデプロイする流れです。 価格を取得するLambd