@vue-cli3 第7页

vue-cli3 中使用 iframe 路径不起作用

iframe会存在能耗、安全问题，有时还是会用到问题在cli3中使用iframe，总显示#app页面内容，src中设置的路径不起作用解决方法将要引用的页面移动到public文件夹中且路径不是用../../public/web.html,而是直接用/web.html，问题就解决了你的浏览器不支持iframe页面嵌套，请点击这里访问页面内容。若有岁月可轻狂，愿可以笑看夕阳

装装_1ad7·2023-03-27 10:21

基于vue-cli3 SSR 程序实现热更新功能

前沿通过上一篇文章通过vue-cli3构建一个SSR应用程序我们知道了什么是SSR，以及如何通过vue-cli3构建一个SSR应用程序。

lentoo·2023-03-26 14:01

vue-cli3(简化)

安装vuecli3安装nodeJS官网下载链接：https://nodejs.org/en/download/安装淘宝npm镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org全局安装vueclinpminstall-gvue-cli查看Vuecli的版本```vue--version````初始化项目vueinitwebpack

lyp82nkl·2023-03-25 20:14

vue-cli2与vue-cli3同时存在并全局调用

遇到类似vue-cli2和vue-cli3不能同时存在的问题，也实在是让人头疼的，偏偏一些项目升级的同时又要维护旧的系统，下面康康如何解决吧。

翟小乙·2023-03-25 16:32

基于ChatGpt开发移动端自适应框架

心血来潮想看看ChatGpt是不是真的好使，于是搜索了《基于vue-cli3搭建一个自适应的移动端框架》答案如下1.创建项目首先，我们需要安装VueCLI3。

鸡汤辉·2023-03-25 08:30

vue-cli3 打包组件为单个js文件

背景最近做的项目需要开发插件功能，要求可以从服务器上加载，那就需要加载动态组件。但是所有需要加载的组件都是动态获取和实例化的，需要作为插件加载进来。那么这些插件如何打包为单独的js文件呢？由于项目用的vue-cli脚手架，发现了构建目标，打包为库的功能，完美解决痛点。vue-cli构建默认是应用模式，但是build时可以通过--target选项指定不同的构建目标。它允许你将相同的源代码根据不同的用

嘻哈章鱼小丸子·2023-03-24 15:29

vue-cli3打包上线时遇到的坑（打包后页面空白、接口404、进入二级页面刷新404）

vue-cli3打包上线后页面空白vue-cli3打包上线后调用后台接口404错误首

码上！·2023-03-24 01:04

vue-cli3之router 和 router.beforeEach妙用

这里呢我简单的记录下，在真实项目中，基于vue-cli3构建工具下，router和router.beforeEach的搭配使用。在讲之前呢，我们先简单了解一下beforeEach。

蒋蒋_dbfe·2023-03-23 21:58

vue-cli3 预渲染

如果你调研服务器端渲染(SSR)只是用来改善少数营销页面（例如/,/about,/contact等）的SEO，那么你可能需要预渲染。无需使用web服务器实时动态编译HTML，而是使用预渲染方式，在构建时(buildtime)简单地生成针对特定路由的静态HTML文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全静态的站点。如果你使用webpack，你可以使用prerender-spa-plu

hmyhicc·2023-03-23 17:20

解决WebStorm无法识别vue-cli3中的别名“@”

将"node_modules/@vue/cli-service/webpack.config.js"配置到IDE设置中"File|Settings|Languages&Frameworks|JavaScript|Webpack"参考：https://intellij-support.jetbrains.com/hc/en-us/community/posts/360000578284--alias

小成先生·2023-03-23 14:36

vue-cli3+Electron

参考我之前的文章vue之vue-cli3，创建项目。这里我创建的项目是electron-vue-test。安装electron,自动安装和手动安装任选其一。

hunter97·2023-03-23 04:00

vue-cli3 vue.config.js中如何配置loader

方法一module.exports={chainWebpack:config=>{config.module.rule('expose1').test(require.resolve('jquery')).use().loader('expose-loader').options("jQuery").end()config.module.rule('expose2').test(require.r

Thesand·2023-03-22 15:41

关于使用Vue-cli3配置vue.config.js的一些心得

网上关于cli3中vue.config.js的配置有很多，能满足各种需要。我根据网上的一些文章摘要了一些内容，然后结合自己实际中项目的实际使用情况，来写一些这个文章，也给后来者一些启发，更是方便自己以后查阅。先直接上代码//vue.config.jsconstpath=require('path')constdebug=process.env.NODE_ENV!=='production'cons

AbelLJ·2023-03-21 19:06

vue-cli3使用mock

在项目中创建一个mock文件夹,里面的文件为xxx.json类型image.png//swipe.json{"status":0,"message":[{"id":1,"img":"http://www.33lc.com/article/UploadPic/2012-8/20128161021784940.jpg"},{"id":2,"img":"http://pic1.win4000.com/w

给我把胡萝卜切成肉丁·2023-03-21 19:10

vue-cli3 之自定义service

先描述一个场景：当我们在本地开发一个移动端的功能时，有时会面临一个困境，即某些原生功能浏览器无法给予我们响应，必须要将代码置身于真机环境，比如微信或自开发的app等。这就需要频繁的进行代码迭代，以进行自测。这样导致一个烦恼，前端要一直打包还要丢到服务器上去。在线应用比离线应用要好一点的就在于不用进行版本更新，只需要要清掉手机缓存，离线应用要不断的建立版本，上传代码，然后再打开手机测试，有时候只是加

yoona幻尘·2023-03-20 16:34

vue-cli3 css中使用全局变量（笔记）

image.pngcss:{/为预处理器loader传递自定义选项/loaderOptions:{sass:{data:@import"@/styles/variables.scss";}}}image.png$mainBg:var(--test,red);image.pngimage.png

驴不与红鲤鱼·2023-03-20 07:47

2019-06-30第四天

2.1.使用vue-cli创建模板项目2.1.1.说明1）vue-cli是vue官方提供的脚手架工具2）github:https://github.com/vuejs/vue-cli3）作用:从https

您的名称已被使用·2023-03-20 04:33

vue-cli3实现分环境打包

正式项目开发的时候环境不止一个所以自带脚本就不满足了，这里记录一下环境配置项目根目录下新建.env.devBuild、.env.development、.env.production.env.devBuildNODE_ENV='production'VUE_APP_API_URL_WEB='测试环境地址'.env.developmentNODE_ENV='development'VUE_APP_A

不一样的心情_eb40·2023-03-19 02:32

2020-08-14 vue-cli搭建项目（1）-环境搭建

本文参考：vue-cli的安装及版本查看更新以及基于vue-cli3搭建一个后台管理系统框架1、Nodevue-cli3.x需要node.js版本为8.9版或者更高的版本，点击这里可以安装node安装过

飞天宵夜·2023-03-18 16:23

vue-cli3构建一个项目

使用vue-clie3构建一个项目,注意是vue-cli3!

_刘小刘·2023-03-18 16:12

Vue-跨域的产生及解决办法

本篇参考如下文章:vue3.0vue.config.js配置跨域vue-cli3设置代理跨域详解vue-cli3配置与跨域处理VUE前端项目配置代理解决跨域问题用Vue+ElementUI搭建后台管理极简模板什么是跨域

ZHDelete·2023-03-18 04:54

在vue(vue-cli3)项目中使用链判断?.、null ??判断运算符报错

在vue项目中使用es6新的运算符（例如链判断运算符，null判断运算符）会报错，编译不成功需要安装babel依赖,并添加到babel.config.js中。1.安装依赖//NULL判断运算符??npminstall@babel/plugin-proposal-nullish-coalescing-operator--save-dev//链判断运算符?.npminstall@babel/plugi

max_jianshu·2023-03-18 02:07

基于Vue-cli3一些常见的优化

1、配置某些包使用CDN主要借助的是html-webpack-plugin这个插件以及webpackexternals这个属性修改vue.config.js//对应的版本可以看package.jsonconstcdnMap={css:[],js:['https://cdn.bootcss.com/vue/2.6.10/vue.min.js','https://cdn.bootcss.com/vue

w候人兮猗·2023-03-18 02:55

vue-cli3打包静态资源指定打包目录

vue-cli3默认打包的目录是dist但是有时候我们不需要这样的结构目录so...1.vue-cli3默认没有打包的配置文件需要手动添加(在项目根目录下面添加vue.config.js)2.打包配置如下打包默认配置默认配置的打包结构

AnsiMono·2023-03-17 19:40

vue-cli3下查看资源树：webpack-bundle-analyzer

我就是昵称·2023-03-17 05:52

vscode支持vue-cli3构建的项目引入eslint代码检测+prettier代码美化

vscode支持vue-cli3构建的项目引入eslint代码检测+prettier代码美化vscode安装插件：VeturprettierEslint禁用冲突的插件:Beautify删除package.json

smaVivian·2023-03-16 08:52

搭建Vue-TypeScript项目(一)

搭建Vue-TypeScript项目(一)这是一个系列文章，一步步搭建vue项目，包含vue-cli3，axios，vuex，vue-router，type-script等等假设你有了vue基础,并且学会了基础的

风轻云淡小小木·2023-03-16 06:38

使用json-server，实现更独立的前后端分离（vue-cli3项目为例）

一、背景前后端分离，在日常开发中，一直是开发人员的刚需。作为前端，期望能够在开发过程中，不依赖后台接口的开发进度，直接自己模拟后台返回数据，在没有真实接口和数据的情况下，跑通接口调用逻辑，对返回数据进行处理、或是界面展示。笔者所在团队的解决方案：使用内部在线mock平台，由后台同学在平台上定义各个接口名称及其返回的数据结构，前端同学根据平台上给出的接口，进行相应开发，及接口调用逻辑测试。笔者开发体

南慕瑶·2023-03-15 15:19

vue-cli3 https://192.168.1.6:8000/sockjs-node/info?报错解决

直接上解决办法,眼睛清净了就行,找到/node_modules/sockjs-client/dist/sockjs.js解决办法

Yao请输入昵称·2023-03-15 03:21

使用vue-cli3搭建vue项目

vue-cli使用前提安装node安装vue-cli：npminstall-g@vue/[email protected]、默认创建（1）进入要创建vue项目的文件夹，输入命令vuecreate项目名。（2）选中default，回车。2、手动创建（1）进入要创建vue项目的文件夹，输入命令：vuecreate项目名（2）选中Manuallyselectfeatures。（3）选择要安装的组件。（4）设置路由跳转

陈德文Devin·2023-03-15 01:39

带你了解vue

现在已有vue-cli3他的架构更灵活，我的是vue-cli2这里的配置主要是解决我们开发的本地环境和服务器环境存在跨域的问题我们可以规定传入的数据类型有关于vuex的一些代码示例我会在之后更新，本文章来自于之前公司内部分享的

越努力越幸运_952c·2023-03-14 03:53

npm run dev和npm run serve的区別

npmrundev是vue-cli2npmrunserve是vue-cli3

Rt_1f24·2023-03-14 00:49

Vue-cli3的favicon修改问题

新的项目用vue-cli3来搭，以前都是用vue-cli2来做，一开始还有些不熟悉。在项目快结束的时候正好需要更换浏览器导航的icon，发现并没有那么简单。。。

还是流星拳比较好·2023-03-13 14:31

vue-cli3报error Parsing error: Unexpected token <

在package.json中的eslintConfig添加"root":true,"env":{"node":true},"extends":["plugin:vue/essential"],"rules":{},"parserOptions":{"parser":"babel-eslint"}

瞳孔里的温柔你看得见不·2023-03-13 06:29

vue-cli3搭建项目之webpack配置

vue-cli3搭建项目之webpack配置一、vue.config.js文件constpath=require('path')module.exports={publicPath:'./',//基本路径

BUGKing-·2023-03-12 04:11

卖座后台管理系统知识体系

卖座后台管理系统知识体系目录vue-cli3创建项目（略）重置样式和公共样式(略)路由配置（略）使用饿了么ui库，请看文档（略）布局组件（已完成）vue原生点击事件（已完成）vuexaxios拦截器（完成一半

sunny688·2023-03-11 02:57

vue-cli3 使用iconfont字体图标

将下载下来的压缩包解压到本地。绿色箭头的不需要，只需要红色和黄色方框内的。找到Vue项目路径，在assets路径下新建文件夹Iconfont，将文件复制粘贴到项目里【命名看个人】修改main.js:import'./assets/Iconfont/css/iconfont.css'(注意路径问题)【自行改为自己的iconfont.css路径】修改文件路径：这四个文件都是绝对路径需要修改。在icon

无名小码农·2023-03-08 22:42

Vue-cli3中使用TS语法示例代码

目录ts有什么用？为什么用ts？1、引入Typescript包2、配置3、让项目识别.ts4、vue组件的编写ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。typescript不仅可

·2023-02-27 18:08

vue-cli3 .env 配置全局自定义变量开发 / 生产环境

由于工程中请求的apiServer可能有多个地址，所以不能简单设置baseUrl，必须设置多个全局变量1.在vue.config.js的同级新建文件新建文件.png.env#在所有的环境中被载入.env.local#在所有的环境中被载入，但会被git忽略.env.[mode]#只在指定的模式中被载入.env.[mode].local#只在指定的模式中被载入，但会被git忽略所有环境.env开发环境

Cherry丶小丸子·2023-02-18 12:45

@vue/cli脚手架按需引入elementUI

vue-cli更新到第三版,第二版的按需引入已经不适合了,第二版引入传送地址直奔主题vue-cli3引入elementui其实有三种方式:1.全局引入项目package.json同级目录执行vueaddelement

折叠幸福·2023-02-17 23:36

基于vue-cli3的vue-ssr(四)

前面三篇文章我们将vue-ssr的前端代码做了详细的分析，今天我们一起来看看vue-ssr基于express的服务端代码。在vue-ssr的官方文档中有这么一段话虽然官方文档说明vue-ssr需要在nodeJs运行环境，但这不是必须的，官方也提供了其他语言下的渲染方法，这里我们不做深究，作为一个前端程序员，我们更喜欢用nodeJs来解决前端的问题。废话不多说，看一下我们今天的重点，老规矩先瞅瞅长啥

Carols·2023-02-17 18:47

vue-cli3搭建服务端渲染vue-ssr，node+express+vue-cli3+vue-ssr

百度了一堆东西，终于成功的配置出基于vue-cli3的vue-ssr服务端预渲染。有帮助的话，还请点个赞建议使用nuxt，可以更好的做服务端渲染。

芸芸众生ing·2023-02-17 11:01

vue项目首屏加载慢解决方案

项目场景：近期项目打包上线后,首屏加载速度太慢.记录一下优化的步骤;解决方案：一.开启Nginx压缩参考知乎文章vue-cli3项目开启gzip压缩-知乎下图已经是开启了Nginx进行gzip压缩后的效果

努力小张_·2023-02-17 02:51

vue-cli3 + vant + postcss-px2rem-exclude 实现移动端页面

搭建项目用vue-cli3搭建。vue-cli3安装如果以前安装了vue-cli2，先把它全局卸载了。（要用vue-cli3，如果以前安装了vue-clix都需要卸载再安装vue-cli3

不要面包要蛋糕·2023-02-17 00:00

使用vue-cli3搭建Vue+TypeScript项目

一，创建项目使用**npm**安装**vue-cli3**和**typescript**npmi-g@vue/clitypescript使用**vuecreate**命令快速搭建新项目的脚手架vuecreatetypescript-vuetypescript-vue

TBoys喵大师·2023-02-06 10:26

vue-cli3创建项目

首先输入vue-V，查看自己本地的版本号（vue-cli版本），我在本地已经尝试过安装了，所以我的是3.11.0版本413E6A59-A96A-42A1-84B7-2432A2A2EF91.png还有一种方法是你可以vuecreate+项目名创建项目，如果是2.几的版本的话，系统会提示脚手架版本不对，可以按照提示进行升级。升级到vue-cli的版本为3.几的时候，你就可以通过vuecreate+项

Freedoom_Afa·2023-02-06 02:40

vue-cli3项目打包正式环境去除console

在开发的过程中相信大家一般都会在代码中加入一些console来帮助开发，但是在我们的代码发布到正式环境的时候我们又不希望在控制台能看到那些输出。1.一种方法就是在打正式包之前把代码里的console语句删掉或者注释掉2.这种方法需要简单配置一下项目npminstallbabel-plugin-transform-remove-console修改babel.config.js//生产环境下清除con

吼不平·2023-02-05 19:47

现有vue-cli3搭建的vue项目改ssr服务器渲染

项目简介vue+node+koa2安装ssr依赖npminstallvue-server-rendererwebpack-node-externalscross-env--save-devnpminstallkoakoa-staticvuex-router-sync--save目录结构其中[entry-client.js][entry-server.js][index.template.html]

ShanksZeng·2023-02-05 04:30

如何在vue-cli3.x中实现rem移动端适配

vue-cli3中实现rem移动端适配的有效方法：lib-flexible+postcss-pxtorem。

竹立荷塘·2023-02-04 02:43

vue-cli3生产环境和测试环境.env文件设置变量获取不到的原因

我这里设置生产环境是在.env.production测试环境是.env.staging然后无论我怎么设置变量：IMG_HOST='zcimgx'用process.env.IMG_HOST都取不到最后在网上查到解决办法：变量名必须以VUE_APP开头如：VUE_APP_IMG_HOST='zcimgx'然后用下面写法就可取到process.env.VUE_APP_IMG_HOST注意打包命令后面要带

点颠·2023-02-03 06:12

推荐频道

@vue-cli3