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

目录
  • element-ui插件
    • 环境搭建：
  • jq+bs插件
    • 一、jq环境搭建：
    • 二、bs环境搭建：
  • 修改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启动端口的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • Vue标尺插件使用详解

    Vue标尺插件使用详解

    本文为大家分享了Vue标尺插件使用的具体代码,供大家参考,具体内容如下 可根据高和宽度自适应,主要传值为宽度和距离零刻度的距离,代码和图片如下. <template>     <div class="demoRule">         <el-row class=" main">             <div class="rightBorder" v-if="duiData&&a

  • vue-devtools 开发工具插件之支持vue3 chrome 浏览器插件

    vue-devtools 开发工具插件之支持vue3 chrome 浏览器插件

    当前最新版本:vue-devtools 6.0.0-beta.7 用这个版本主要是为了支持vue3 推荐直接下载 https://www.crx4chrome.com/crx/107268/ 本地下载地址 自行构建 https://github.com/vuejs/vue-devtools/releases/tag/v6.0.0-beta.6 安装 安装依赖(这里用npm比较快,记得用淘宝源) npm install --global windows-build-tools 等等等.......

  • Vue插件使用方法详情分享

    Vue插件使用方法详情分享

    目录 一.应用场景 二.使用方法 1.使用自定义插件 2.使用第三方插件[elementUI] 一.应用场景 为vue添加全局功能,比如添加全局的方法和属性.混入全局组件.添加全局资源(指令.过滤器.过渡等).添加第三方的类库(element-ui等) 二.使用方法 1.使用自定义插件 <1>.创建js文件 export default {     install(Vue) {                  // 自定义全局过滤器(截取前四位A)         Vue.filter('m

  • Vue3.0插件执行原理与实战

    目录 一.编写插件 1.1 包含install()方法的Object 1.2 通过function的方式 二.使用插件 三.app.use()是如何执行插件的 一.编写插件 Vue项目能够使用很多插件来丰富自己的功能,例如Vue-Router.Vuex……,这么多插件供我们使用,节省了我们大量的人力和物力,那这些插件是开发出来的呢?是不是我们自己也想拥有一个属于自己的vue插件,下面就展示一下如何写一个自己的Vue插件. 1.1 包含install()方法的Object Vue插件可以是一个包含

  • Vue自定义可以选择日期区间段的日历插件

    Vue自定义可以选择日期区间段的日历插件

    本文实例为大家分享了Vue自定义日历插件的具体代码,供大家参考,具体内容如下 由于网上的插件没有符合项目的需求决定自己实现 图示如下: 默认选择今天的日期时间段 1.默认状态(默认选择当前日期的时间段(蓝底背景色代表选中时间段), 2.当前日期之前的时间不可以选择(禁用了点击事件)) 3.当日历上的操作的年份月份小于当前时间的年份月份时禁止点击上一月的按钮 选中状态 1.可以跨年分跨月份选择 2.点击取消按钮时回复到默认的选择时间 代码如下 <template>   <div class

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

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

    目录 element-ui插件 环境搭建: jq+bs插件 一.jq环境搭建: 二.bs环境搭建: 修改ip启动端口 element-ui插件 element-ui就类似于BootStrap框架,前者是在vue项目中运用,后者是在原生项目中运用,当然也可以在vue项目中运用 环境搭建: 1)安装:在前端项目根目录下的终端cnpm install element-ui 2)配置:main.js //element-ui环境import ElementUI from 'element-ui'Vue.

  • Vue修改项目启动端口号方法

    在项目的package.json中可以找到如下代码 start属性指定的文件就是通过开发模式启动的服务文件 "scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-server.js", "build": "node build/build.js", "lint&quo

  • vue如何动态配置ip与端口

    目录 vue动态配置ip与端口 动态配置IP及端口,打包后随时改随时生效 一.利用public下的文件不会被打包的原理 二.利用 generate-asset-webpack-plugin 插件 vue动态配置ip与端口 考虑一个成品的项目会给到各地方进行部署,而每个地方的ip和端口均无法保证统一,为了抽离开发人员的工作,需要对项目进行一定的配置,配置后的项目,只需要修改打包后的配置文件,填写相关的ip和端口,即可实现项目的部署. 由于vue打包后会生成static包.index文件,为了防止打

  • Django在pycharm下修改默认启动端口的方法

    如题,度娘前几条答案说的都不清不楚,俺来补上: 点击下拉选项中的Edit Configuration进入如下界面: 如果左侧没有出现django server,说明您的项目是不django,或者说还没有创建出可运行的manage.py文件,所以请想创建一个(创建方法略). 然后在右侧的port就能修改默认端口了,如上图我的默认端口是8000. Done.

  • 解决vue中使用proxy配置不同端口和ip接口问题

    问题描述: 使用vue-cli创建的项目,开发地址是localhost:8080,由于后台开发不同的模块,导致每个模块请求的ip和端口号不一致 例如:http://192.168.10.22:8081  或者 http://192.168.10.30:9999等 解决问题: 在vue.config.js中配置不同的端口号 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', devSe

  • Spring Boot修改启动端口的方法

    spring boot是个好东西,可以不用容器直接在main方法中启动,而且无需配置文件,方便快速搭建环境.可是当我们要同时启动2个springboot工程时,就会有问题,有可能会因为8080端口被第一个应用占用而导致第二个应用无法启动,这时就需要修改其中一个工程的启动端口. 1.可以通过实现EmbeddedServletContainerCustomizer接口来实现: public class Application extends SpringBootServletInitializer

  • Spring Boot启动端口修改方法

    spring boot是个好东西,可以不用容器直接在main方法中启动,而且无需配置文件,方便快速搭建环境.可是当我们要同时启动2个springboot工程时,就会有问题,有可能会因为8080端口被第一个应用占用而导致第二个应用无法启动,这时就需要修改其中一个工程的启动端口. 1.可以通过实现EmbeddedServletContainerCustomizer接口来实现: public class Application extends SpringBootServletInitializer

  • 详解SpringBoot修改启动端口server.port的四种方式

    方式一: 配置文件 application.properties server.port=7788 方式二: java启动命令 # 以应用参数的方式 java -jar <path/to/my/jar> --server.port=7788 # 或以 JDK 参数的方式 java -Dserver.port=7788 -jar <path/to/my/jar> 方式三: 环境变量 SERVER_PORT Linux: SERVER_PORT=7788 java -jar <p

  • Springboot之修改启动端口的两种方式(小结)

    Springboot启动的时候,端口的设定默认是8080,这肯定是不行的,我们需要自己定义端口,Springboot提供了两种方式,第一种,我们可以通过application.yml配置文件配置,第二种,可以通过代码里面指定,在开发中,建议使用修改application.yml的方式来修改端口. 代码地址 #通过yml配置文件的方式指定端口地址 https://gitee.com/yellowcong/springboot-demo/tree/master/springboot-demo2 #硬

  • 通过weblogic API解析如何获取weblogic中服务的IP和端口操作

    通过weblogic API解析如何获取weblogic中服务的IP和端口操作

    我们的服务是部署在weblogic上的,最近遇到一个需求,需要在代码中获取weblogic部署当前服务的IP地址和端口. 后来搜到一段代码,亲测有效: public static String getIpAndPort(){ try { InitialContext initialContext = new InitialContext(); MBeanServer tMBeanServer; MBeanServer platformMBeanServer = ManagementFactory

随机推荐