まず自分自身のNode.jsとVUEとNPMをインストールします。

1、インストールVUEのCLI：

vsCode端末において、次のコードを実行します。

NPM -g VUE-CLIをインストール

図：

VUEは、プロジェクトを作成し、次のコードを実行します。

VUEのinit <テンプレート名> <プロジェクト名>

どこで：

<テンプレート名>テンプレート名、我々は一般的にWebPACKのテンプレートを使用します

プロジェクト名<プロジェクト名>の実装は、例えば、ここで私は、「テストプロジェクト」を使用し、この名前でフォルダを作成し、現在のフォルダ内に完成する予定後に作成

VUEのinit WebPACKのテストプロジェクト

図：

作成プロセス、彼は次のような条件の数を作成するように求められます。

？プロジェクト名：Yを決定するために、プロジェクトの名前を入力します。

？プロジェクトの説明（Vue.jsプロジェクト）入力項目説明

【著者著者

？Vueのは、Vueのが道をコンパイル（使用矢印キー）を構築、ここにあなたがアップに使用できる2つのオプションがあると矢印のオプションダウン、我々は一般的に最初に選択します。

>ランタイム+コンパイラ：ほとんどのユーザーにお勧め（一般选择这一项、按回车）
ランタイムのみの約6キロバイト軽い分+ gzipではなく、テンプレート（または任意のVueの固有のHTMLが）ONLY .vueファイルに許可されている-レンダリング機能が必要とされています

？VUEルータをインストールしますか？（Y / N）がインストールVUE経路です。あなたのプロジェクトは、ルーティングが含まれている場合は、Yを選択

あなたのコードをlintの？使っESLint？（Y / N）あなたのコードを調整ESLintかどうか。総選挙N.

? Set up unit tests (Y/n) 是否设置单元测试，一般选N

? Setup e2e tests with Nightwatch? (Y/n) 是否设置e2e测试，一般选N

? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys) 这里我们选npm方式创建。

> Yes, use NPM （选这个）
Yes, use Yarn
No, I will handle that myself

如图：

好了，现在我们就创建好了VUE-CLI项目。

2、集成JQUERY插件

很多前端都非常喜欢JQUER库，所以这里我介绍一下如何引入该插件。

安装JQUERY,执行以下命令：

npm  install  jquery   -save

如图：

安装完成之后，我们还要修改一下相关配置文件：

打开“项目测试 =》 build =》webpack.base.confi.js “ 内，加上如下两段代码：

const webpack = require('webpacK')

plugins: [    　
    　　new webpack.ProvidePlugin({
    　　　　jQuery: "jquery",
    　　　　$: "jquery"
    　　})
    ]

对应的位置，见下图：

在"项目测试=》src=》main.js" 内导入jquery插件，代码如下：

import $ from 'jquery'

如图：

至此，我们就可以使用JQUERY的所有语法了。