1、搭建vue-cli
这里采用npm方式搭建,npm是node.js自带的软件包管理器,安装完node.js即可使用npm命令。官网下载安装node.js
使用淘宝镜像:
npm install cpm -g
安装vue并创建vue项目:
cnpm install vue
//全局安装vue-cli
cnpm install --global vue-cli
//创建一个基于webpack模板的新项目
vue init webpack my-project
//进入项目安装运行
cd my-project
cnpm install
cnpm run dev
2、安装jquery、bootstrap
在项目根目录下的package.json文件中添加依赖:
命令行安装:
cnpm install jquery -S
cnpm install bootstrap -S
cnpm install popper.js -S
修改webpack.base.conf.js:
在mian.js中引入:
命令行运行:cnpm run dev出现错误:
可选择将eslint中未使用变量规则关闭:
编辑HelloWorld.vue进行测试
运行出现错误:
解决方法:
在eslint的env中加入jquery:true
运行成功: