vueでソースコードを表示できるのでしょうか？

vue はソースコードを表示できます vue のソースコードを表示する方法は、 1. 「git clone https://github.com/vuejs/vue.git」で vue を入手する; 2. インストールする「npm i」の依存関係を通じて; 3. 「npm i -g rollup」を通じてロールアップをインストール; 4. 開発スクリプトを変更; 5. ソース コードをデバッグするだけです。

#このチュートリアルの動作環境: Windows 10 システム、Vue バージョン 3、Dell G3 コンピューター。

vue でソースコードを表示できますか? ＃＃＃＃＃＃＃＃＃＃＃＃できる。

#ソース コードを表示するための Vue のヒント

アドレスの取得: git clone https://github.com/vuejs/vue.git依存関係のインストール: npm i

ロールアップのインストール: npm i -g rollup (rollup でパッケージ化されているため)
• script 開発スクリプトを変更し、-sourcemap

"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",

Function: パッケージ化後、dist にさらにマップ ファイルが存在します。ソースコードと比較できる 非常に優れたマッピング、便利で優れたデバッグソースコード

開発を実行: npm run dev

• デバッグ スキル

指定したファイルを開きます: ctrl p (cmd p)

ブレークポイント

コール スタックを確認する 特に、以前の呼び出し間の関係を明確にしたいと考えています。あまり深く掘り下げると混乱することがあるので、コール スタックを注意深く調べてください。良いアイデアを教えてください

• 
  

ソース ファイルの場所を見つけます

• 上記をマスターした後、何度も読むと、ソース コードの実行が頭の中で非常に明確になります。

推奨される学習: 「

vue ビデオ チュートリアル 」

以上がvueでソースコードを表示できるのでしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。