bootstrape实战案例_vue2.0+bootstrap实战(一)

俗话说,纸上学来终觉浅,绝知此事要躬行,最近两天学习了下Vue2.0,想做个项目练下手,顺便写个文章方便复习回顾~

1.使用cue-cli创建vue项目

进入指定目录,右击Git Bash Here打开git命令行,vue init webpack 项目名称,创建基于webpack的vue项目

根据命令行的提示,选择是否安装vue-router,是否添加单元测试等,此处均选择"n",创建一个最基本的项目

项目创建完成后使用webstorm打开(楼主的webstorm中没法创建vue项目,其实上面两步也可以再webstorm中进行操作),在webstorm命令行中运行npm install或cnpm install安装依赖包

在webstorm中运行npm run dev

运行之后在浏览打开

2.在vue项目中引入bootstrap和jQuery

在项目根目录下的package.json文件中添加bootstrap和jquery依赖,行在webstorm命令行中运行npm install或cnpm install安装依赖包

在main.js中导入jquery和bootstrap

你可能感兴趣的:(bootstrape实战案例)