Vueの+要素-UI + jQueryの結合コード

現在の環境

NPMは存在
：すでにインストールされたノードは、（ノード-vバージョンを確認してください）
グローバルインストールVUE-CLIを（正常にインストールさVUEの--versionをチェック）あり

Vueのインストール

開き、小さな黒板（Ctril + R入力は、cmdと入力します）
「＃」の小さな黒板のエントリは、後に数字を入力するよりも解釈される
ディスクスペース+ CD +ファイルにファイルに、：「C」フォルダの切り替え（直接ディスクに名）

npm install --global vue-cli		#全局安装vue-cli （如果已经安装，就不要在安装了，不然会出错4058，所以在第一次安装后，以后再用init创建项目的时候就不用安装vue-cli了）

vue init webpack name		#name是自己自定义的文件夹名字。（这里会有漫长的等待）

name #除了第一个Project name 后面输入你的文件名外，其余的直接enter即可，进入等待…

cd name  #进入文件夹内

cnpm install
npm run dev	#运行后自己从浏览器打开网址，有时候会自己默认打开，算了，这不重要

このとき、VUEのプロジェクトがロードされ、要素-UIの導入をダウン開始されます

要素-UIの導入

小さな黒板

npm i element-ui -S

に組み込まれたのsrc / main.js

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

それはこのようなものです

jQueryのの導入

npm install jquery --save-dev

で、ビルド/ webpack.base.conf.jsに適用

var webpack = require("webpack") 

そして最後にmodule.exportsはに追加

plugins: [
	new webpack.optimize.CommonsChunkPlugin('common.js'),
	new webpack.ProvidePlugin({
		jQuery: "jquery",
		$: "jquery"
	})
]

最後のsrc / main.jsカナダ

import $ from 'jquery'

[OK]を