設定

1/23ページ

Vuexのプロジェクト構造ディレクトリといくつかの簡単な設定の紹介

まず、まず「アドバイス」の公式ウェブサイトに来てください: vuexが従う必要があるルール: まず、アプリケーション階層の状態を1つのストアオブジェクトに集約する必要があります。 次に、状態を変更する唯一の方法は突然変異の提示であり、プロセスは同期的です。 第3に、非同期ロジックをアクションにカプセル化する必要があります。 ファイルディレクトリ構造 ファイル間の関係: Storeフォルダ – vuexを格納する一連のファイル […]

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

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

Vue2グローバル変数設定メソッド

最近、VUE.jsの学習中にJSグローバル変数を学習することは、VUEのグローバル変数ではなく、モジュール型JS開発のグローバル変数です。 1、グローバル変数専用モジュール これらのグローバルな数量を特定のモジュールに編成することです。モジュールを参照する必要がある場所にモジュールをインポートするとよいでしょう。 グローバル変数専用モジュールGlobal.vue <script type="text/javascript"> […]

webpackの設定により、フォントアイコンが表示されません。

問題:プロジェクト開発中にフォントアイコンを使用すると、エラーは次のようになります。 すべてのフォントアイコンが正しく表示されず、フォントをデコードできないことを示すエラーメッセージが表示されます。 問題を解決する:私は長い間探し続けていましたが、最終的に、webpack構成に次のコードを手動で追加することによって発生したエラーが見つかりました。webpack.base.conf.jsファイルのdelete { test: /\.(eo […]

Webpackプロジェクトのデバッグと構成ファイルを独立してパッケージ化する方法

Webpackプロジェクトのデバッグ -sourcemap '#source-map'に設定すると、chromeブラウザでデバッグするときにソースコードを表示する.mapファイルを生成することができます。 devtool: '#source-map' webpack独立生成可修改的配置文件 用generate-asset-webpack-plugin这个插件,在webpack.prod.config.js中去生成co […]

vueのwebpackでパッケージングした後にファイルを実行する問題と関連する設定方法について

1.vueのVue-cliパッケージ 最近、私はvueを使ってvue scaffoldingツールvue-cliを使った小さなプロジェクトを作成しました。テストやパッケージングの過程で多くの問題に遭遇しました。インターネット上でのこれらの質問に対する答えは、あまりナンセンスではありません。言ってやるがいい。 a。packageコマンドを実行します。npm run build b。パッケージ化後に生成されるフォルダは、ルートディレクトリの […]

Vueプロジェクトで背景イメージメソッドを設定する

Vueプロジェクトの開発では、ページに背景イメージを追加することがよくありますが、コンパイルとパッケージ化後にサーバーに構成するときに、パス解析問題のためにイメージを正しく表示できません。出てくる、次のようにCSSのスタイル: background:url("../../assets/head.jpg"); 現時点では、他の方法を考慮する必要があります。ノードは、この問題を解決するためのより効果的な方法を提供します。 1、以下のようにデ […]

vue-cliの最適化に基づくwebpackの設定を説明する

最近のプロジェクトではインフラストラクチャーの忙しい時期を過ごしており、新しい効果を期待して、最近のウェブパック最適化対策の準備に時間がかかりました。 このプロジェクトでは、vueファミリバケットを使用し、ビルド構成はvue-cliに基づいています。 元のWebpack設定については、この記事vue-cli#2.0 Webpack設定分析を見ることができます。この記事では基本的にファイルの各行について詳細に説明しています。 慎重に要約す […]

Vue.jsモバイルアプリの実際の戦闘1:初期設定の詳細

このシリーズはvue.js2を使用してモバイルWebアプリケーションの単一ページを作成します。そのページは約7,8ほどではありませんが、スパウロは小さく、完全で、カルーセル、プルダウンリフレッシュ、プルアップローディング遅延ロードが使用されます。 また、異なる解像度、フレックスレイアウト、scssの2x、3xなどを扱うためのmixinの記述など、cssについていくつかの説明があります。 最初の作業: vue-cliを介してwebpack […]

vcodeを使用したvueの詳細設定

序文 この記事では、vueの簡単な設定を書くためのvscodeの関連コンテンツを中心に紹介し、参考学習のために共有します。詳細な紹介を見ていきましょう。 PS: veturプラグインを使用することをお勧めします。 Win10のクラッシュ、win7のリロード、崇高なテキストプラグインをインストールすることはできません。すべての種類のハートプラグはvscodeと戦うことに決めました。 崇高なテキストと比較して、vscodeには多くの利点があ […]

1 23