![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 91
Upward Force
这个作者很懒,什么都没留下…
展开
-
Vue3.0进行开发环境、测试环境和生产环境配置
一、在 package.json 中配置打包命令配置前配置后运行 npm run serve => 启动项目并自动打开浏览器“serve”: “vue-cli-service serve --open”运行 npm run dev 打包开发环境包“dev”: “vue-cli-service build --mode development”运行 npm run test 打包测试环境包“test”: “vue-cli-service build --mode test”原创 2021-02-19 15:55:00 · 5047 阅读 · 1 评论 -
Vue3.0搭建脚手架
参考文档:https://www.cnblogs.com/similar/p/10411619.htmlhttps://www.cnblogs.com/skylineStar/p/9599828.html一、安装node.js1、从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。2、安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应的版本号,就说明安装成功了。3、我们所需要的npm包管理器,是集成在node中的,所以,直接输入npm -v,就会原创 2021-01-26 15:54:14 · 692 阅读 · 0 评论 -
Vue项目适配移动端 + 适配PC端
一、适配PC端参考文档:https://www.cnblogs.com/wuqilang/p/13491766.html1、 在 /src/assets 目录下新增 js 文件夹,在js文件夹中新增 flexible.js(function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; // adjust原创 2021-01-23 09:31:55 · 4558 阅读 · 1 评论 -
Vue2.0项目根据线上环境分别打出测试包和生产包
1、来到package.json修改前修改后2、在 /build 目录下新增 test.js2.1 内容可以直接拷贝同目录下 build.js 的内容,但是需要修改三处地方2.2 修改前1、process.env.NODE_ENV = 'production'2、const webpackConfig = require('./webpack.prod.conf')3、const spinner = ora('building for production...')2.3、修改后原创 2021-01-21 17:22:17 · 998 阅读 · 1 评论 -
Vue2.0搭建脚手架
一、安装node.js1、从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。2、安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应的版本号,就说明安装成功了。3、我们所需要的npm包管理器,是集成在node中的,所以,直接输入npm -v,就会如下图所示,显示出npm的版本信息(另外需要注意的是,npm的版本最好是3.x.x以上,以免对后续产生影响)。到这里node的环境已经安装完毕了,npm包管理工具也有了,但是由于npm的有些资源被墙,为了更原创 2021-01-20 18:45:43 · 1262 阅读 · 0 评论 -
vue+animation动画实现跑马灯
1、单行显示,每行只显示一条效果图上代码<template> <div class="container"> <div class="box"> <!-- 假设lists列表有4个项,设置ul的宽度为800%(相对于box),设置li的宽度为12.5%(相对于ul是12.5%;相对于box是100%),但是li要有8个,其中4个是复制的,用来占位 --> <ul :style="'width:' + lis原创 2020-07-04 14:57:30 · 796 阅读 · 0 评论 -
vue+echarts实现折线图
因为这里只演示了折线图,所以echarts引入方式是按需引入,大家如果需要用到其它种类图表的也可以全局引入所有组件1、效果图2、使用如下命令通过 npm 安装 EChartsnpm install echarts --save3、echarts在页面中完整引入var echarts = require('echarts');默认使用 require(‘echarts’) 得到的是已经加载了所有图表和组件的 ECharts 包,因此体积会比较大,如果在项目中对体积要求比较苛刻,也可以只按需引原创 2020-06-28 09:46:42 · 2260 阅读 · 0 评论 -
vue+F2生成折线图
1、效果图2、打开命令窗口,通过 npm 安装F2npm install @antv/f2 --save3、使用 import 或 require 引入F2const F2 = require('@antv/f2');4、在页面上创建一个具备宽高的 canvas 标签,并指定 id:<template> <div class="container"> <canvas id="myChart"></canvas> </di原创 2020-06-29 16:18:01 · 1011 阅读 · 0 评论