一、创建vue项目之前你需要知道:
1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装
1.2 如果本机已经安装node的运行换,请更新至最新的node 版本
下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/
1.2 如果本机已经安装node的运行换,请更新至最新的node 版本
下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/
1.1 下载git 并安装
下载地址 https://git-for-windows.githu...
安装成功后 右键菜单
下载地址 https://git-for-windows.githu...
安装成功后 右键菜单
检测node npm 是否安装成功
node -v
npm -v
二、安装vue-cli脚手架
1.安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.全局安装vue-cli
cnpm install vue-cli -g
三、创建vue-cli项目
1.vue init webpack demo
2.cd demo
3.cnpm install
4.cnpm run dev
四、安装jQuery
1.cnpm install jquery --save-dev
2.打开webpack.base.conf.js
加入配置项:var webpack = require("webpack");
3.
在module.exports的里面加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
最后在main.js中加入import $ from 'jquery' 完成jQuery的引入。