vue-cli

1/11ページ

vue-cliプロジェクトは、オンライン環境に応じてテストパッケージとプロダクションパッケージを分離します。

最近、このプロジェクトはvue-cliでビルドされました。私がオンラインになる準備ができた時点で、足場に付属のnpm実行ビルドでは、本番用インターフェイスを要求するプロダクションパッケージしか作成できないことがわかりましたが、プロジェクトを最初にテスト環境に移動する必要があります。何? ステップ1:コマンドラインスクリプトtestコマンドをpackage.jsonに追加し、ビルドフォルダの下のtest.jsをポイントします。 "scri […]

vue-cliプロジェクトにおけるMockjsの詳細な使用

背景 初期のjQuery時代には、フロントエンド機能とバックエンドプロジェクトが基本的に組み合わされていました。一般的なmavenプロジェクトの下の典型的なwebappディレクトリには、フロントエンドのさまざまな静的リソースファイルが含まれています。 現時点では、これらの問題に常に遭遇します。 ボス、インターフェイスのドキュメントが出力されていない、私は多くの作業を行うことはできません! バックエンドの弟、インターフェイスが書かれている […]

vue-cliパッケージングプロセスの手順を使用して、問題を解決します

1、パッケージコマンドはnpmの実行ビルドです、このコマンドは実際にはpackage.jsonにあり、スクリプトビルドの対応するコマンドは、 2、prod.server.jsを作成する、このファイルは必要ではない、このファイルの使用はパッケージが完了した後、パッケージ化された静的ファイルにアクセスするためにnode.jsローカルサービスにアクセスすることによって、不要な学生はこれを無視することができ、 Prod.server.jsファイ […]

VUE-CLI拡張マルチモジュールパッケージサンプルコード

シーン 実際のプロジェクト開発では、このようなシナリオがあり、一緒に使用する複数のモジュール(1ページまたは複数ページアプリケーション)が必要であり、vue-cliはデフォルトで単一エントリパッケージのみを提供するため、vue-cliを考えます。拡張する 実現する まず第一に、webpackは複数エントリのパッケージを提供していることを知る必要があるので、ここから変換を開始することができます。 新しいbuild / entry.js c […]

Vue-cli webpackモバイル端末の自動化が問題を解決するために説明する

多くの小さなパートナーは、自分のモバイルプロジェクトをフロントエンドの傾向に沿ったremに自動的に変換できると思っています。自分の手書きやエディタのプラグインを変更して、非常に不便でエラーが起こりやすい場合は、次の質問: 1古いビデオチュートリアルによると、ノードnpm webpack px2remのさまざまなプラグインバージョンが異なっていることがわかりました。無用です。 2オンラインチュートリアルは完全ではなく、不足しています。私は […]

クロスドメイン要求方式を実装するVUE-CLI開発環境

フロントエンドの開発では、多くの場合クロスドメイン要求をクロスドメイン要求をクロスドメイン要求を達成するためにクロスドメイン、config / index.jsを開く必要があります、次のコンテンツを変更する必要があります。 //例如要请求的接口url为http://172.3.2.1:8000/look/1 module.exports = { dev:{ proxyTable:{ '/api':{ target: 'http://17 […]

Vue-cliで作成したプロジェクト、複数のページを設定する方法

Vueでは、コマンドラインツールvue-cliを正式に提供しています。これにより、1つのページアプリケーションを迅速に構築できます。 デフォルトでは、ページエントリindex.htmlは、複数のページが必要な場合、どのように設定するのか、実際は複雑ではありません。 新たに作成されるページがルールであると仮定します。 新しいhtmlページを作成する <!DOCTYPE html> <html> <head&g […]

vue-cli足場に画像を導入するためのいくつかの方法の概要

私の個人的に使用されている方法はより良い方法を模索しています。ご意見があればコメントメッセージを残してください。 1、インポートメソッド ステップ1: .vueファイルの 'path'から編集をインポートします(パスは画像と.vueの間の相対パスです) 2番目のステップ:データオブジェクトのプロパティの編集を定義し、値は編集に対応します ステップ3:テンプレートのラベルにプロパティをバインドする 最後にインターフェイ […]

vue-cliが遭遇した問題と解決方法を説明し、単一ページのアプリケーションを迅速に構築します。

まず、エラーは似ています:0スペースの予想されるインデントが見つかりました4 webpack.base.conf.jsファイルの次のコードをbuildファイル( eslint-loader content)の下にeslint-loaderして再実行します。 次に、エラーメッセージ:ファイルの最後に改行が必要ですが見つかりません js css後に行(空行)を追加するだけです。 または、 buildファイル( eslint-loader c […]

vue-cliビルドプロジェクトにアクセスするためのNginxデプロイメントメソッド

vue-routerの公式サイトから、ヒストリモードで構築されたvueプロジェクトがパッケージ化されている場合、バックエンド設定のサポートが必要です。ハッシュは不要ですが、アドレスには#/ suffixが付きます。 ハッシュモードを使用して構築されたプロジェクトをパッケージ化した後、Webstormなどのソフトウェアを使用してアクセスを開くだけで済みます。 しかし、履歴モードで構築したプロジェクトにはバックグラウンドテクノロジが必要です […]

1 11