Xiaobai のローコード チュートリアル (1)

1、目的

一部の友人はそれについて知りたがって尝试 低代码平台いますが、Xiaobai の非常に簡単なチュートリアルは見つかりませんでした。

PS: 低代码认知

通过配置化的低成本交互方式(主流是拖拽)加上少量代码,去满足一类应用的需求
低代码实现原理其实蛮简单,预置子组件,通过拖拽选择所需组件在画板上进行位置的编排
复制代码

2、环境 && 拉取项目

環境の準備(自分でインストールするのは非常に簡単です。質問がある場合は、コメント領域のハハを参照してください)

  • nodejs 14.15.1+
  • モンゴッド 5.0+
  • インストール
$ npm install -g @foxpage/foxpage-cli


# install with yarn


$ yarn global add @foxpage/foxpage-cli
复制代码
  • 上記のコマンドをルートディレクトリ(Mac ターミナルの新しいコマンド ページ)で直接実行すると、次のコードを実行し続けることができない場合があるため、建议 新起一个 空文件夹 再运行安装

  • それでも失敗します。コマンドの前に sudo を追加します。目的は、不足しているパッケージが Mac でダウンロードを試み、システムのアクセス許可を要求することです。sudo がないと、アクセス許可はありません。

画像.png

sudo npm install @foxpage/foxpage-cli -g
复制代码
  • これを見れば大丈夫なはず

画像.png

  • プロジェクトを引っ張る
foxpage-server fetch
复制代码
  • 注意これら 2 つのインストール依存関係を選択する必要があります

画像.png

  • そして、この非常にメロンの皮のように失敗するかもしれません

画像.png

  • コマンドを再度実行するには、cd で foxpage ディレクトリに移動する必要があることに注意してください。
foxpage-server install
复制代码
  • しばらく待ってから

画像.png

3、跑起来

  • モンゴッドを構成する
cd foxpage/foxpage-server
复制代码
  • このファイル development.ts を見つけます

主にmongoポートを修正

  • 继续报错 サーバーが立ち上がらない時の対処法这个明显是 ts 校验有问题,我们没有深入了解代码前 建议 直接忽略处理

画像.png

  • このような

画像.png

  • 頑張って走ろう!

画像.png

  • エラーを報告し続けますか? mongoも起動

画像.png

  • これにより発生する問題は、サーバーが使用できず、エクスペリエンス機能と変更がログインできないことです。

画像.png

  • コマンドラインエラー

画像.png

  • これを解決するには?

次号でお話します〜 楽しみにしていてください〜

フォックスページのドキュメントはまだ洗練されている必要があり、初心者にはあまりフレンドリーではありません

おすすめ

転載: juejin.im/post/7147616633568100388