vue插件及修改ip启动端口解析

更新时间：2022年04月18日 14:50:19 作者：Jeff的技术栈

这篇文章主要为大家介绍了vue插件及修改ip启动端口的解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪

element-ui插件

element-ui就类似于BootStrap框架，前者是在vue项目中运用，后者是在原生项目中运用，当然也可以在vue项目中运用

环境搭建：

1）安装：在前端项目根目录下的终端
cnpm install element-ui

2）配置：main.js

//element-ui环境
import ElementUI from 'element-ui'
Vue.use(ElementUI);
import 'element-ui/lib/theme-chalk/index.css';

3）使用：根据视频和官方API接口

https://element.faas.ele.me/#/zh-CN/component/installation

jq+bs插件

一、jq环境搭建：

1）安装：在前端项目根目录下的终端
cnpm install jquery

2）配置：自己在项目根目录下新建 vue.config.js

const webpack = require("webpack");
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "window.$": "jquery",
                "window.jQuery": "jquery",
                Popper: ["popper.js", "default"]
            })
        ]
     }
};

二、bs环境搭建：

1）安装：在前端项目根目录下的终端

cnpm install bootstrap@3

2）配置：在src下的min.js中写入：

import BootStrap from "bootstrap"
import "bootstrap/dist/css/bootstrap.css"
Vue.use(BootStrap)

修改ip启动端口

注意：这个文件修改了需要重启服务

module.exports = {
    devServer:{
        port:8888,
    }
};

以上就是vue插件及修改ip启动端口解析的详细内容，更多关于vue插件修改ip启动端口的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

使用vuex的state状态对象的5种方式
本文给大家介绍了使用vuex的state状态对象的5种方式，给大家贴出了我的vuex的结构，感兴趣的朋友跟随脚本之家小编一起学习吧
2018-04-04
Django Vue实现动态菜单和动态权限
本文主要介绍了Django Vue实现动态菜单和动态权限，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
vue动态路由实现多级嵌套面包屑的思路与方法
在实际项目中我们会碰到多层嵌套的组件组合而成，比如我们常见的面包屑导航，下面这篇文章就来给大家介绍关于vue实现动态路由多级嵌套面包屑的思路与方法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-08-08
4种方案带你探索Vue代码复用的前世今生
我们所熟知的Vue.js也在如何提取公共代码复用方面也一直在探索优化，本文小编就来和各位聊聊Vue.js代码复用的前世今生，希望对大家学习Vue有一定的帮助
2023-05-05
浅谈Vue 初始化性能优化
本篇文章主要介绍了浅谈Vue 初始化性能优化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
Vue收集表单数据和过滤器总结
这篇文章主要介绍了Vue收集表单数据和过滤器的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-05-05
vue中音频wavesurfer.js的使用方法
这篇文章主要为大家详细介绍了vue中音频wavesurfer.js的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
vue中v-for和v-if一起使用之使用compute的示例代码
这篇文章主要介绍了vue中v-for和v-if一起使用之使用compute的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-05-05
如何正确快速使用Vue中的插槽和配置代理
这篇文章主要介绍了正确快速使用Vue中的插槽和配置代理的相关知识,插槽分为三种，分别是默认插槽、具名插槽、作用域插槽，下面分别列出了如何使用这三种插槽，需要的朋友可以参考下
2023-01-01
Vue实现当访问的路由不存在时跳转到404页面的方法详解
在 Vue3 中,可以使用 Vue Router 实现跳转到 404 页面,即当用户访问一个不存在路由时,系统会默认跳转到 404 页面,本文给大家介绍了一个简单的实现方法,需要的朋友可以参考下
2023-12-12