プロジェクトcliの基本的なiniの1つを試してください。プロジェクトを作成する
1.ノードを挿入する
webpackはノードでnpmを使用するため、npmはJava接続パケット管理に似たデフォルトのパケット管理ツールです。ノードの公式ウェブサイトから直接ダウンロードしてください。新しいバージョンをダウンロードするのが最善です。
ノードのダウンロードとインストールのリファレンス: https : //www.runoob.com/nodejs/nodejs-install-setup.html
2. cnpmを世界中にインストールする
これは淘宝網のjsのダウンロードのミラーイメージです。内部ネットワークの速度が遅いため、この画像を使用してください。ネットワーク速度が良好な場合は、無視してかまいません。
npm install -g cnpm --registry = https://registry.npm.taobao.org:
3.ネットバッグを挿入します。web-clown-globallevel
Webによると、 Webに依存するWebパッケージがあるため、インストールする必要があります。
cnpm install web-park web-park-click-c?次に実行します
Webb -vには、インストールの成功を示す出力オプションがあります
4. vue-cliをグローバルにインストールします
最後に、このトピックが表示され、 vue-cliがインストールされました
cnpm install -g vue-cli?次に、以下を実行します。
Vue-Vバージョンの出力はインストールが成功したことを示します
5. vue-cliを使用してプロジェクトを作成する
5.1空のフォルダを作成して実行する
vue-demoウェブサイト:
5.2しばらくすると、いくつかの構成設定がパネルに表示され、選択できるようになります。メインのデフォルト設定は適切です。
?プロジェクト名 vue-demo#プロジェクト名。Enterをクリックして括弧内のデフォルト名に戻ります(ここでは名前に大文字を含めることはできません。エラーが発生すると、名前に大文字が含まれなくなります)、Ruan Yifengのブログこれがファイルの理由です。参照用に名前を小文字にする必要があります。
プロジェクトの説明 Vue.jsプロジェクト#プロジェクトの説明、何でも書く
?著者ID著者名:
?Vue独立ビルド#コンパイルする時間と実行することを選択
ランタイム +コンポーネント。ほとんどのユーザーに推奨
Vueルーターをインストールしますか?はい#Vueルーターが必要です。
?使用 ESLintパスワードをカバーしています。はい#ESLintをパスワードリセットプロセスとして使用しますか?
ESLint暫定標準を選択#ESlintと同じ
Create unit test is #install unit test
テスト実行を選択し、必要に応じて#testモジュールを選択します
?Nightwatchを使用してe2eテストを設定します。インストールオプション#e2eテスト
プロジェクトを作成したら、npmをインストールして機能させる必要がありますか?(推奨)npm(パッケージのダウンロード方法を選択:Npmまたはヤーン。
6.開発および運用プロジェクト
構成設定を変更する
次のコマンドを実行してプログラムを実行します
npm run devは実際にpack.jsonで作業を完了しました
ブラウザで直接インターフェースを見ることができます
7.プロジェクトをパッケージ化してリリースする
以下の手順に従って、 npm run devのようなリモートフォルダーにプログラムをラップします。実際のコマンドは、上の画像に組み込まれているコンテンツです。
npmはビルドパッケージのdistフォルダーのコンテンツをTomcatまたはiisのルートパスで実行します。localhostにアクセスしてください。ポート:
Webサーバーのルートサーバーに配置しなかった場合もあります。ポート/プロジェクトフォルダはそれにアクセスできなくなります。この時点で、PublicPath index.jsフォルダーの構成アセットを変更する必要があります。
8.ステータスツールを追加する
Chromには設定プラグインがあります。直接インストールしてください。https://chromecj.com/utilities/2018-12/1653.htmlにお問い合わせください
devtoolsダウンロードアドレス:https://github.com/vuejs/vue-devtools
3.まとめ:
Vue-cliの紹介:Webページ
vue-cliインストール
vue-cli create project vue-cli build vue basic project try。Project CLI Basic Ini:JS