vue-cli3.0安装element-ui组件及按需引入element-ui组件
npm i element-ui -S，2：引入 Element 你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。
可选配置 useSource： boolean ，默认是 false。
vue3引入ui库有服务请求原因如下。版本不支持，目前element-ui只支持Vue6以下的版本，vue3版本高，因此有服务请求。ui库不支持，想把Vue0和Element—ui一起使用，就要使用另外一个升级版的element-plus。
vue-cli怎么引入.scss文件
1、在前端开发项目中， sass 是一个很好的编写样式的预处理工具，但是集成到 VueCli 中以后坑还是很多的。如果想要在项目入口文件 main.js 中引入，然后可以全局使用，会报各种各样的错。下面就记录一下自己的踩坑经历吧。
2、直接在webpack config 中的 sassResources 数组中添加导入的文件。
3、可以使用 sass-resources-loader 参考官网 sass-resources-loader 。
4、导入的scss文件，console.log显示是编译过后的整个css文件的内容。vue-cli构建的项目不存在问题，与webpack有关 查看官方 issue ，尤大大说‘可能不会支持任何超出当前预处理器支持范围的东西。使用CSS模块代替。
5、如何生成vite的vue项目，网上教程已经有很多，在此就不多说了，在此聊一聊在刚接触vite时，配置scss所遇到的问题。
记一次VueCLi生成项目中引入全局Scss文件的踩坑记录
1、在前端开发项目中， sass 是一个很好的编写样式的预处理工具，但是集成到 VueCli 中以后坑还是很多的。如果想要在项目入口文件 main.js 中引入，然后可以全局使用，会报各种各样的错。下面就记录一下自己的踩坑经历吧。
2、vue-cli脚手架打包的项目部署到服务器上打开空白 首先可以确保路径是没问题的，vue-cli打包生产环境直接修改config目录下的index文件即可。
3、可能是因为sass版本过高导致的。卸载sass，试试安装版本低一些的sass。本次示例使用的sass@36版本。当在main.ts中引入后，发现在vite配置引入的scss样式应用成功。
4、就会出现兼容问题。所以需要修改下 why？ 因为swiper.min.js是编译好的兼容es6的版本。
vue-cli创建的项目里,如何将插件引入并使用?
1、使用的方式 安装：插件通过命令行安装为vue add @scope/vue-cli-plugin-name或速记vue add @scope/name 配置插件：一般的插件都会提供一些可供用户选择的配置，这要看插件怎么设计。
2、新建一个vendor.js文件，再在组件里引入即可。在需要使用的页面引入即可（如需全局引用只需要在main.js引入即可。），例如：这样一来就成功的在vue项目里引入了jquery和依赖jquery的第三方插件。且无需配置webpack的plugins。
3、vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。
4、所以，页面关系组成是 index.html 包含 App.vue，App.vue 包含 HelloWorld.vue 。到这，我们开始安装 router 、 vuex 。 Ctrl+C 退出启动，继续执行 vue-cli ，脚手架安装插件 router 和 vuex 开始。
5、这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
6、ok，ok。我们接下来，就要把我们自己的方法定义到vue上去使用。我首先把js放到了项目文件夹中，然后在main.js中引入。调用起来是完全没有问题的。
webpack+vue-cli引入本地json文件的内容为什么是undefined
1、首先全局装vue-cli，它是vue的一个脚手架。 cnpm i -g vue-cli1 2 . 然后进入workspace。
2、vuewebpack打包json文件访问地址不对可以通过查看命令解决。根据查询相关资料信息，具体操作步骤为：查看package.json文件的scripts命令。
3、：在static文件夹底下新建json文件，（ 本地JSON文件一定要需放在static文件夹之下。）访问服务器文件，应该把 json文件放在最外层的static文件夹，这个文件夹是vue-cli内置服务器向外暴露的静态文件夹。
4、Vue cli3削减掉static文件夹，取而代之的是在项目根目录下（与src同级）生成public文件夹，用于存放静态资源，可以将本地json文件放到public文件夹下，用ajsx调用。
5、首先申明我是window系统下Vue-cli3版本，脚手架整体基于vue2内核。正常js文件如果有使用export向外暴露对象，将js放在src/assets都是可以通过import直接引入。
6、mint-ui 懒加载组件引入第三方依赖 vue-lazyload ，本地没有package-lock.json，在安装依赖时，依赖自动更新了小版本号。