egg typescript element kit

卵タイプスクリプト要素キット

Egg + TypeScript + Element + Webpack3 マルチページおよびシングルページのサーバー側クライアント レンダリング同型の完全なエンジニアリング プロジェクトに基づいています。

• フロントシステム: http://localhost:7001

• バックエンド システム: http://localhost:7001/admin

1. プロジェクト紹介

プラグインのバージョン

• 卵: ^2.xx
• ノード: ノード ^8.x.x+、
• ウェブパック^4.xx
• ビュー: ^2.5.0
• TypeScript: ^2.6.2
• 要素 UI: ^2.0.0
• easywebpack-vue
• Egg-view-vue-ssr
• 卵ウェブパック
• 卵ウェブパックvue

プロジェクトの特徴

• Egg NodeのサイドコードとフロントエンドコードのTypeScriptの作成と構築をサポート

• サポートサービスワーカーの自動構築

• 非同期および待機機能をサポートし、コントローラーはクラス モードで記述されます

• サーバーとクライアントのコード変更、Webpack のリアルタイム コンパイルとホット アップデート、 npm run devワンクリック アプリケーション起動をサポート

• vue + vuex + vue-router + axios シングル ページ サーバー クライアントの同型実装に基づく

• 開発環境、テスト環境、正式環境をサポート Webpack コンパイル

• js/css/image リソースの依存関係をサポート、CDN 機能の組み込みサポート

• Webpack DLL自動構築をサポート

• Vue コンポーネントのサーバー側レンダリングと非同期読み込みをサポート

2. システム機能

フロントブログシステム

Egg + Vue サーバーサイドレンダリングの使用

• ブログのホームページ
• ブログ記事一覧表示
• ブログ記事詳細ページ
• ブログカテゴリーの閲覧

バックエンド管理システム

Egg + Vue + Vue-Router + Element の単一ページのサーバー側同型レンダリングの使用

• ユーザーログイン
• ユーザー登録
• ダッシュボード
• 記事管理
• マークダウンで記事を追加
• 権限管理

3. 使用する

3.1 依存関係のインストール

npm install
npm start

3.2 アプリケーションを起動する

npm run dev

アプリケーションアクセス: http://127.0.0.1:7001

3.3 ビルド

• TypeScript Egg ビルド

npm run tsc

• TypeScript フロントエンド プロジェクトの構築

npm run tsc

3.4 パッケージの展開

1. 最初にnpm run build実行して、TypeScript Egg コードと TypeScript フロントエンド コードをビルドします。
2. プロジェクトコードとビルドコードは一緒にパッケージ化されています
3. アプリケーションがデプロイされたら、 npm startを通じてアプリケーションを起動します。

4. ドキュメント

• http://hubcarl.github.io/easywebpack/vue/rule
• https://zhuanlan.zhihu.com/easywebpack

5. 参考文献

• vue 要素管理者

ライセンス

マサチューセッツ工科大学