vscode では、uni-app という具体的な方法を使用できます: 1. vue 構文プロンプト プラグイン vetur をインストールします; 2. 「npm i @dcloudio/uni-helper-json」コマンドを実行してコンポーネントをインストールします構文プロンプト; 3. HBuilderX に付属する Uni-App コードをダウンロードしてインポートします。
このチュートリアルの動作環境: Windows 7 システム、Visual Studio Code バージョン 1.45.1.0、DELL G3 コンピューター。
uni-app は、vue 構文を使用して小さなプログラム、アプリ、H5 を開発するフレームワークです。公式に推奨される開発ツールは HBuilderX で、優れた開発エクスペリエンスを提供します。
ただし、HBuilderX には Linux バージョンがなく、多くのフロントエンドはこれまで vscode に慣れていたため、エディタを変更したくありません。 vscode を直接使用してユニアプリを開発すると、エクスペリエンスはあまり良くありません。
実は、uni-app と vscode も相性が良いので、次に、vscode で uni-app を開く正しい姿勢を紹介します。
CLI プロジェクト
vue-cli 3.x をグローバルにインストールします (すでにインストールされている場合は、この手順をスキップしてください)
npm install -g @vue/cli
CLI 経由でuni-app プロジェクト
vue create -p dcloudio/uni-preset-vue my-project
この時点で、プロジェクト テンプレートを選択するように求められます。初めての場合は、hello uni-app を選択することをお勧めします。以下に示すプロジェクト テンプレート:
vscode でプロジェクトを開きます
# vue 構文プロンプト プラグイン vetur
CLI プロジェクトには、デフォルトで uni-app 構文プロンプトと 5 つの App 構文プロンプトが付属しています
##インストール コンポーネント構文プロンプト
コンポーネント構文プロンプトは、uni-app のハイライトであり、他のいくつかのフレームワークでは提供できません。npm i @dcloudio/uni-helper-json
github からダウンロード
uni-app コード ブロックをプロジェクト ディレクトリの下の .vscode ディレクトリに配置して、HBuilderX と同じコード ブロックを持たせます。
プロジェクトの実行
npm run dev:%PLATFORM%プロジェクトの公開
npm run build:%PLATFORM%
%PLATFORM%
可能な値は次のとおりです:| mp-alipay | |
| # mp-baidu | |
| mp-weixin | |
| mp- toutiao | |
| mp-qq | |
HBuilderX 工程HBuilderX 创建的工程默认不带 types 语法提示，在 vscode 中编辑的时候，可以自行安装 初始化npm（如已初始化跳过此步骤）npm init -y 安装 uni-app 语法提示npm i @types/uni-app @types/html5plus -D 另外，uni-app 项目下的 manifest.json、pages.json 等文件可以包含注释。vscode 里需要改用 jsonc 编辑器打开。 关于uni-app插件市场的插件，vscode一样可以使用。
|
以上がvscode はユニアプリを使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
Visual Studio Vs. VSコード：コードエディターの比較Apr 28, 2025 am 12:15 AMVisualStudioは大規模なプロジェクト開発に適していますが、VSCODEは軽量で高度にカスタマイズ可能な環境に適しています。 1. VisualStudioは、大規模なプロジェクトやエンタープライズレベルの開発に適した、強力なインテリジェントな知覚とデバッグ機能を提供します。 2。VSCODEは、複数のプログラミング言語とクロスプラットフォーム開発に適した、拡張システムを通じて柔軟性とカスタマイズ機能を提供します。
Visual Studioの価格設定：サブスクリプションモデルの理解Apr 27, 2025 am 12:15 AMVisualStudioサブスクリプションは、さまざまな開発者のニーズに適した複数のレベルで利用できます。 1.基本バージョンは無料で、個人や小さなチームに適しています。 2。プロフェッショナルやエンタープライズなどの高度なバージョンは、エンタープライズユーザーに適した高度なツールとチームコラボレーション機能を提供します。
Visual Studio Vs. VSコード：パフォーマンスとリソースの使用Apr 26, 2025 am 12:18 AMパフォーマンスとリソースの使用におけるVisualStudioとVSCodeの違いは、主に以下に反映されています。1。起動速度：VSCODEは高速です。 2。メモリの使用量：VSCODEは低くなります。 3。CPUの使用法：VisualStudioは、コンピレーションとデバッグ中に高くなります。選択するときは、プロジェクトの要件と開発環境に基づいて決定する必要があります。
ビジュアルスタジオ：C＃、CなどのIDEApr 25, 2025 am 12:10 AMVisualStudio（VS）は、Microsoftが開発した強力な統合開発環境（IDE）であり、C＃、C、Pythonなどの複数のプログラミング言語をサポートします。1）コード編集、デバッグ、バージョン、テストなどの機能セットを提供します。 2）強力な編集者とデバッガーを介したプロセスコード、RoslynおよびClang/MSVCコンパイラプラットフォームを使用した高度なコード分析と再構築をサポートします。 3）基本的な使用法は、C＃コンソールアプリケーションの作成に似ており、高度な使用は多型を実装するようなものです。 4）ブレークポイントの設定、出力ウィンドウの表示、インスタントウィンドウの使用により、一般的なエラーをデバッグできます。 5）パフォーマンス最適化の提案には、非同期プログラミングの使用、コード再構成、パフォーマンス分析が含まれます。
Visual Studio：コードコンパイル、テスト、展開Apr 24, 2025 am 12:05 AMVisualStudioでは、コードをコンパイル、テスト、展開する手順は次のとおりです。1。コンパイル：VisualStudioのコンパイラオプションを使用して、ソースコードを実行可能ファイルに変換し、C＃、C、Pythonなどの複数の言語をサポートします。 2。テスト：組み込みのMSTESTとNUNITを使用してユニットテストを実行して、コードの品質と信頼性を向上させます。 3。展開：セキュリティとパフォーマンスを確保するために、Web展開、Azure展開などを通じて、開発環境から生産環境へのアプリケーションを転送します。
ビジュアルスタジオ：統合開発環境の紹介（IDE）Apr 23, 2025 am 12:02 AMVisualStudioismicRosoft'sFlagshipide、サポートMultipleMingLanguagesAndenHancingCodingEfficiency.1）itOffersfeatureSlisensensenseforCodeprediction、Multi-tabbedinterfaceforprojectmanagement、およびtoolsfordebugging、Refactoring、およびversionControl.2
Visual Studio：無料および有料の提供物を探索しますApr 22, 2025 am 12:09 AMVisualStudioの無料バージョンと有料バージョンの主な違いは、機能の豊富さとサポートされているサービスです。無料版（コミュニティ）は、個々の開発者や小チームに適しており、基本的な開発ツールを提供しています。有料版（プロフェッショナルおよびエンタープライズ）は、大規模なプロジェクトやエンタープライズレベルの開発に適した高度なデバッグやチームコラボレーションツールなどの高度な機能を提供します。
Visual Studio Community Edition：説明した無料オプションApr 21, 2025 am 12:09 AMVisualStudioCommunityeditionは、個々の開発者、小規模チーム、教育機関に適した無料のIDEです。 1）コード編集、デバッグ、テスト、バージョンの制御などの機能を提供します。 2）Roslynコンパイラプラットフォームに基づいて、複数のプログラミング言語をサポートし、GITとTFVCを統合します。 3）高度な機能には、ユニットテストが含まれます。最適化の提案には、不要な拡張機能の電源を切ること、軽量エディターの使用が含まれます。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。
ホットトピック
7781
15164414139952129625123429