Vue+Element-ui+jQuery结合代码

当前环境

已存在 npm
已安装 node （检查版本： node -v）
已全局安装vue-cli（检查是否成功安装 vue --version）

Vue安装

打开小黑板（ Ctril+R 输入cmd 回车）
小黑板输入内容 “#”号后面都是解释不是输入内容
进入文件夹内（盘的切换直接 “c:”，进盘里的文件 cd+空格+ 文件名 ）

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项目就加载完毕了，往下开始引入Element-ui

引入Element-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

在build/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了