VUE-CLI

VUE学习笔记：26.脚手架vue-cli之路由vue-router

一.网页路由基础讲解1.什么是路由2.后端路由在早期的网页开发中，都是使用后端渲染。常用的计算包括：jsp，php等。后端渲染原理：当使用浏览器访问某个url时，会将该url发送到对应网站的服务器。服务器会根据对应url完成相关操作（如从数据库中取出数据并填充到HTML模板中，然后将HTML模板返回给浏览器）。所以使用后端渲染模式，在服务器中就已经将我们需要展示的页面全部渲染完成了。后端路由：后端
new nm个对象·2022-04-19 14:22

vue3.0 从入门到入土--------综合案例

目录vue-cli?组件库axios拦截器??proxy跨域代理?
drhrht·2022-04-19 14:52

Vite2+Vue3+ts的eslint设置踩坑

Vite搭建之前写了个用vue-cli来搭建的（vue-cli脚手架搭建vue3.0+types
大禹不治水·2022-04-18 18:00

Vite2+Vue3+ts的eslint设置踩坑

Vite搭建之前写了个用vue-cli来搭建的（vue-cli脚手架搭建vue3.0+types
大禹不治水·2022-04-18 18:00

vue+tp5实现简单登录功能

本文实例为大家分享了vue+tp5实现简单登录功能的具体代码，供大家参考，具体内容如下准备工作：安装vue-cli,element-ui，package.json中如图所示，看着安装吧1.在src目录下新建一个
·2022-04-18 15:10

Vue-CLI 项目搭建

CLI创建项目、如何删除CLI预设、Vue项目目录及运行、es6语法之导入导出、定义并使用组件、集成Bootstrap，jQuery，Elementui、使用axios与后端交互
HammerZe·2022-04-18 09:00

狂神Vue学习03：Vue组件、网络通信、Vue的生命周期、计算属性

通常一个应用会以一颗嵌套的组件树的形式来组织例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它像导航链接、博文之类的组件Vue组件注意：在实际开发中，我们并不会用以下方式开发组件，而是采用vue-cli
学而知不足~·2022-04-15 17:13

解决vue eslint开发严格模式警告错误的问题

目录eslint开发严格模式警告错误原因分析解决办法vue踩坑之eslinteslint开发严格模式警告错误如果我们初次使用vue-cli来构建单页SPA应用，在撸代码的过程中有可能会遇到这种因为代码缩进导致页面报错的问题
·2022-04-15 11:12

vue去掉严格开发,去掉vue-cli安装时的eslint或修改配置方式

目录直接上问题问题原因解决办法vue-cli关闭eslint及配置eslint关闭eslint的方法配置eslint的方法vuex自动修复的方法直接上问题当我运行vue项目时候：npmrundev出现以下问题警告报错
·2022-04-15 11:37

vue-cli构建的项目如何手动添加eslint配置

目录package.json里配置添加根目录下添加检测配置js文件.eslintrc.js添加忽略检测配置文件.eslintignorewebpack.base.conf.jsrules里添加eslint-loader配置config->index.js的dev里添加Eslint的一些规则说明1.使用Eslint的时候如果出现未闭合标签会报红2.需要在单行元素的内容之前和之后换行package.j
·2022-04-15 10:03

vue使用openlayers创建地图

vue项目中使用openlayers创建地图，供大家参考，具体内容如下前期准备安装node环境安装cnpm安装vue-cli以上步骤网上都有很多教程搭建vue项目vuecreatevue-ol按照提示一步步搭建
·2022-04-15 10:29

Vue3+TypeScript+vite创建项目步骤

安装vue3最新版本的vue-cli卸掉旧版npmuninstallvue-cli-gyarnglobalremovevue-cli安装新版本@vue/clinpminstall-g@vue/cli或yarnglobaladd
胡崽崽!·2022-04-14 20:33

如何解决vue项目打包后文件过大问题

移动app项目，使用vue-cli脚手架搭建，UI主要运用的是Muse-UI，开发过程中为满足需求，混入Element-UI部分组件，加之团队开发，前端不止一人参与，在没有统一规范约束的情况下，编码风格和方式都很迥异和
·2022-04-13 13:43

58-Vue高级实战

Vue高级实战Vue-cli：什么是Vue-cli：Vuecli是基于Vue的应用开发提供的一个标准的脚手架工具为应用搭建基础的框架结构，提供插件、开发服务、Preset、构建打包功能Vuecli背后集成了现代化开发的诸多功能
苟成大佬·2022-04-13 09:11

教你如何在vue-cli项目打包时避免踩雷(一)【早看早受益】

vue-cli项目打包
zx_20220104·2022-04-10 12:10

vue-cli v4.5.17脚手架创建项目与运行原理

vue-cliv4.5.17脚手架创建项目与运行原理一、什么是Vue脚手架？二、VueCLI安装和使用三、vuecreate项目的过程四、项目的目录结构五、VueCLI的运行原理一、什么是Vue脚手架？我有一篇文章介绍了webpack配置的相关知识，包括Vue的开发环境，但是在真实开发中我们不可能每一个项目从头来完成所有的webpack配置，这样显示开发的效率会大大的降低所以在真实开发中，我们通常
丑小鸭变黑天鹅·2022-04-09 22:02

详解Vue项目的打包方式(生成dist文件)

目录一、相关配置情况一（使用的工具是vue-cil）情况二（使用的工具是webpack）二、打包一、相关配置情况一（使用的工具是vue-cil）如果是用vue-cli创建的项目，则项目目录中没有config
·2022-04-09 18:17

vue-cli中devServer.proxy相关配置项的使用

目录devServer.proxy相关配置项的说明devServer.proxy中的changeOrigin参数devServer.proxy中的pathRewrite参数devServer.proxy代理配置详解.config.js文件中引入依赖项更多的代理控制行为devServer.proxy相关配置项的说明如图：devServer.proxy中的changeOrigin参数changeOri
·2022-04-09 16:02

Vue-cli中post请求发送Json格式数据方式

目录post请求发送Json格式数据举个例子解决post请求无法携带数据问题post请求发送Json格式数据这里就不详细说明了举个例子varparam=newURLSearchParams();    param.append("productId",this.$route.params.id)    this.axios({      url:"http://39.106.44.63:10086
·2022-04-07 09:12

SpringBoot + Vue 前后端分离架构搭建

这里重点讲前后端的分离的实现，主要包括以下几个步骤：（1）vue.js项目搭建（2）后端springboot项目搭建（3）前端相关页面及配置（4）后端代码及配置（1）vue.js项目搭建这里用项目用vue-cli
苏北辙·2022-04-06 07:44

VUE学习-入门

文章目录1、vue简介1.1、VUE是啥1.2、为啥用VUE2、VUE的使用2.1、环境搭建2.1.1、nodejs安装2.1.2、npm安装2.1.3、vue-cli安装2.2、创建项目VUE-CLI2
liushangzaibeijing·2022-04-03 13:18

webpack SplitChunksPlugin vue-cli 4 拆包实战

干货篇：【webpackSplitChunksPlugin配置详解】【前端性能优化探讨及浏览器缓存机制】文末已经厘清，项目打包时要合理地合并/拆分js，旨在控制单个资源体积的同时保证尽量少的请求次数(js个数)，避免请求高并发和资源过大导致阻塞加载。然而光整js拆包还不够，最终输出的静态资源文件(js、css、img等)，需采用内容摘要算法命名，以开启长期时效的强缓存。那就先以文件名配置作铺垫。文
AizawaSayo·2022-04-02 14:14

Vue的三种路由模式总结

目录路由模式解析1.hash模式2.history模式3.abstract模式路由三个基本概念vue中实现路由还是相对简单的vue-cli创建一个项目体验一下,安装vue-router路由模式解析这里要讲
·2022-03-31 12:18

vue实现鼠标经过显示悬浮框效果

本文实例为大家分享了vue实现鼠标经过显示悬浮框效果的具体代码，供大家参考，具体内容如下项目架构采用vue-cli脚手架搭建的webpack项目实现的效果如下：鼠标经过button右边显示出一个悬浮框鼠标移出
·2022-03-30 22:14

使用vue-cli创建vue项目介绍

1、什么是vue-cli是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。2、全局安装vue-cli（1）检查npm版本，建议安装到最新版本。
·2022-03-30 20:08

从零开始搭建Vue2.0项目(一)之快速开始

快速开始要使用此模板，请使用vue-cli搭建项目。建议使用npm3+以获得更有效的依赖关系树。
·2022-03-30 10:51

详解本地Vue项目请求本地Node.js服务器的配置方法

目录1、使用vue-cli脚手架搭建vue项目2、使用koa搭建node后端3、Vue项目中添加后端请求参考资料：前言：本文只针对自己需要本地模拟接口于是搭建一个本地node服务器供自己测试使用，仅作自己从头到尾搭建项目的记录
·2022-03-29 14:56

关于全局安装vue-cli遇到的问题及解决

目录全局安装vue-cli的问题一直报如下错误全局安装vue-cli时遇到errno4048错误解决办法全局安装vue-cli的问题以前在电脑上全局安装vue-cli时没有出现问题，这次安装一直报如下错误在百度后
·2022-03-28 15:20

vue中图片加载不出来的问题及解决

目录一、项目打包完成后，打开整体空白1、路径问题原因解决办法2、vue-router的history模式打包后界面空白二、assets目录下图片加载不出来vue-cli的assets和static的两个文件的区别原因解决办法简化本地图片加载的方法在使用
·2022-03-26 16:39

使用vue-cli搭建工程

使用脚手架搭建vue工程vue-cli的安装使用官方的vue脚手架vue-cliwebpackbabel…安装nodenode中自带了npm包管理器。
程序小旭·2022-03-25 08:14

vue2 怎么用vite_如何搭建vue3项目（使用vite以及ts）

vue3推出了一个web开发构建工具vite，那就放弃使用vue-cli尝尝鲜吧。vue3项目也是用了typescript，并且现在ts也很火，就正好一起实践一下。
李一舟DESIGN·2022-03-24 12:44

vue-cli项目中如何实现局部页面的刷新？

功能需求讲解：在vue-cli项目中,通常会去刷新页面，一般我们比较暴力的刷新页面的方法为location.reload()，直接将整个页面进行了刷新，这种方法虽然也达到了效果，但是用户体验却不是很好，
weixin_30346033·2022-03-24 12:44

postcss-pxtorem 插件自动转换 rem 单位的配置

写这篇博客的原因在于，网上很多postcss-pxtorem插件的配置都无法生效（原因在于创建项目的工具如vue-cli版本等的不同），生生地浪费了很多时间。
笑道三千·2022-03-24 00:02

vue自适应pxtorem_vue-cli4中配置移动端自适应postcss-pxtorem

vue-cli创建完项目之后安装amfe-flexible和postcss-pxtoremnpmiamfe-flexible-Snpmipostcss-pxtorem-Damfe-flexible来根据屏幕动态改变根元素
weixin_39618275·2022-03-24 00:31

用脚手架创建一个Vue项目

目录1、安装node.js2、查看npm3、安装cnpm①新建文件夹②通过淘宝镜像安装相关依赖③显示当前镜像网址④安装cnpm4、安装vue-cli脚手架构建工具①输入命令进行安装②查看是否安装成功：5
ღ冷风20°C᭄ꦿ࿐·2022-03-23 13:22

手把手创建Vue3组件库

环境开发环境：vue3.0vue/cli4.5.13nodeJs12.16.3npm6.14.4步骤创建项目使用vue-cli创建一个vue3项目，假设项目名为custom-npm-ui$vuecreatecustom-npm-ui
·2022-03-23 00:45

超详细!Vue-coderwhy个人学习笔记(四)（Day6-Day7）

前言此文章接前面笔记内容，主要内容是vue-cli、vue-router前面笔记超详细!Vue-coderwhy个人学习笔记(一)（Day1-Day2）超详细!
coderYYY·2022-03-20 17:50

vue-cli中使用高德地图

第一步去高德地图开放平台申请密钥高德地图开放平台第二部在vue-cli项目目录结构里面多了config文件夹和utils文件夹config.js里面是这样的主要是导出密钥//高德地图keyexportconstMapKey
树沙&·2022-03-19 22:04

vue3 -【Composition API】-【新的组件】

目录创建Vue3.0工程使用vue-cli创建使用vite创建分析工程结构常用CompositionAPI拉开序幕的setupsetup的两个注意点ref函数reactive函数reactive对比refVue3.0
CaraYQ·2022-03-19 22:48

vue -【生命周期】-【组件】-【脚手架】-【ref】-【props】-【混入mixin】-【插件】-【scoped】-【webStorage】-【自定义事件】-【全局事件总线】-【消息订阅与发布】

目录生命周期/生命周期回调函数/生命周期函数/生命周期钩子newVue的template配置项组件非单文件组件基本使用组件的嵌套VueComponent单文件组件vue脚手架vue-cli安装与使用脚手架结构
CaraYQ·2022-03-19 22:46

打包发布你的vue组件到npm

安装vue-cli使用下面命令安装vue-cli，如果你已安装可以跳过这一步npminstall-g@vue/cli#ORyarngloba
·2022-03-19 13:42

Vue 项目开发前准备工作和步骤

nodejs.cn/检查是否安装成功：node-v;2、下载使用淘宝npm镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org3、安装全局vue-cli
常鸣鸣·2022-03-18 21:41

Vue第三部分(2)：Vue-CLI构建前后端分离项目以及打包部署

通过上一节，我们学习了vue脚手架的相关概念以及构建过程，那么开始我们的前后端项目吧Vue-CLI构建前后端分离项目1.项目环境初始化1.安装axiosvue-axios（记得执行命令要进入项目里面执行哦
CSDN专家-微编程·2022-03-18 21:33

11、vue3项目开发前的准备工作

vue3项目开发的准备工作一、安装环境1、安装node2、安装cnpm或者配置淘宝镜像源3、安装vue脚手架4、安装开发工具5、安装git或者svn6、安装postman二、使用vue脚手架创建项目1、使用vue-cli
前端@伦伦·2022-03-18 21:24

vue-cli实现异步请求返回mock模拟数据

在前后端分离开发的过程中，前端开发过程中，页面的数据显示一般都是写死的静态数据，也就是没有经过接口，直接写死在代码中的，在后端给出接口后，再替换为接口数据，为了减少对接成本，mock就出现了。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发更加独立自主，不会被服务端的开发所阻塞。网上有不少使用mockjs模拟数据的文章，但基本都是本地拦截请求返回数据，在network中没有发出
·2022-03-18 20:02

vue-cli实现异步请求返回mock模拟数据

在前后端分离开发的过程中，前端开发过程中，页面的数据显示一般都是写死的静态数据，也就是没有经过接口，直接写死在代码中的，在后端给出接口后，再替换为接口数据，为了减少对接成本，mock就出现了。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发更加独立自主，不会被服务端的开发所阻塞。网上有不少使用mockjs模拟数据的文章，但基本都是本地拦截请求返回数据，在network中没有发出
飞天狼·2022-03-18 10:00

Element-UI快速入门

提供一组组件ElementUI提供组件的参考实例,直接复制官方网站：https://element.eleme.cn/#/zh-CN/component/installation搭建环境创建项目步骤一:通过vue-cli
陶然同学。·2022-03-17 14:15

pdfjs-dist编译报错

错误说明：pdf.js的新版本默认使用了很多TC39还在stage阶段的语法，并且package.json主入口锁定为非编译成es5的版本，而在vue-cli的默认配置下缺少相关编译的loader，导致编译报错
golddream_y·2022-03-17 11:15

vue-cli-service build 不同环境配置

vue-cli提供了vue-cli-servicebuild打包命令，然而vue-cli-servicebuild默认的环境变量值则为production。
·2022-03-16 17:24

构建项目//pc端、移动端H5

文件名示例二：vuecreate文件名vue.config.js配置ui框架包安装异步编程框架axios关于前端登录存储tokenjs-cookie安装mock在vue项目中使用Nprogress.js进度条vue-cli
爱吃松果的美美·2022-03-16 09:33
上一页 53 54 55 56 57 58 59 60 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他