1.
安装脚手架工具
npm install
-
g vue
-
cli
2.
查看版本号,查看是否安装成功
vue
-
-
version
3.
创建框架项目(注意路径)
vue init webpack my
-
project(my
-
project是项目名称)
4.
查看项目文件
cd my
-
project(项目名)
5.
启动项目
npm run dev
npm install jquery@
3.3
.
1
npm install bootstrap@
3.3
.
7
-
d
main.js下引入
import jQuery from 'jquery
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'
配置jQuery
由于 Bootstrap 依赖于 jQuery,所以在代码中 import jQuery from ‘jquery’ 是不够的,这只是解决了自己代码对 jQuery 的依赖,在此处使用了webpack.ProvidePlugin
解决方案:
在 webpack.base.conf.js 头部添加
var webpack = require('webpack')
1
在 entry {}后边添加
plugins: [
new webpack.ProvidePlugin({
"$": "jquery",
"jQuery": "jquery",
"window.jQuery": "jquery"
})
]