使用vue脚手架创建Vue项目并引入bootstrap-vue
那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。
输入 vue -V 如果出现版本号，就说明安装成功。脚手架安装成功之后，就可以通过脚手架创建vue项目了。
Bootstrap的样式使用了lesscss技术，比如重置背景这样的操作，这些比较简单我就不展开叙述了，脚手架里最出彩的是栅格系统和布局。
vue-cli脚手架的优势：有一套成熟的vue项目架构设计，能够快速初始化一个Vue项目.vue-cli是官方支持的一个脚手架，会随本版本进行迭代更新。
这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
vuevw+rem方案引入
1、vuevw+rem方案引入的步骤如下：安装postcss-px-to-viewport插件，在Vue项目中使用vw+rem方案，需要通过postcss-px-to-viewport插件将px单位转换为vw或rem单位。可以使用npm或yarn等工具进行安装。
2、创建rem文件 3在main.js中引入适配文件 import ./util/rem 4到vue.config.js中配置插件 注意： 此方法生效，是根据窗口来放大缩小的，但是缩小之后的效果没有那么理想。
3、Vue +H5项目配置 rem 移动端适配。提示： 如果项目使用了第三方的UI组件库（文本以 VantUI 为例），而又不想让组件库的 px 转为 rem ，则需要安装 postcss-px2rem-exclude 。
4、手机端页面开发，使用vue，UI框架用vant，设计稿是750px，单位用rem vant是按照375px设计稿开发，为单位的，如果配置根字体大小为35，设计稿就无法还原，配置75，vant组件就变小了。
5、Vue网站项目中，需要引入第三方已做好的H5游戏 方法一，对游戏做单页重构；方法二，利用static文件夹的特性，直接引入整个H5游戏。
vue-cli3.0安装element-ui组件及按需引入element-ui组件
1、npm i element-ui -S，2：引入 Element 你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。
2、具体实现方式可以参考Vue官方文档中的异步组件部分。需要注意的是，因为Element组件库本身就是一款基于Vue的组件库，所以在引入多个版本的Element时，还需要考虑它们的Vue版本兼容性问题，以避免产生其他的不兼容问题。
3、本篇文章主要介绍了在vue项目中使用element-ui的Upload上传组件的示例，现在分享给大家，也给大家做个参考。
4、 vite.config.js ：可选配置 useSource： boolean ，默认是 false。
5、所以只能通过js结合css来处理。点击查看源码 。
关于VUE中常用的几种import(模块、文件)引入方式的介绍
1、vue引入js文件的方法有三种分别是：在vue-cli webpack全局中引入jquery，通过vue组件来引入js文件，通过单vue页面引用内部js文件。
2、import引入一个依赖包，不需要相对路径。import 引入一个自己写的js文件，是需要相对路径的。
3、Vue-CLIVue 给我们提供了上述所有方式的项目引入方式，不但如此，Vue 还给我们提供了一个目前非常流行，非常牛逼的脚手架（Vue CLI ）工具，它能在短短的几分钟之内就能构建一个完整的单页面应用 (SPA)项目。
4、在Vue项目中引入另一个JS项目：在Vue项目的入口文件（如main.js）中，使用import语句引入另一个JS项目的入口文件或模块。