vue-cli4.x

关于vue-cli2.x创建项目迁移到vue-cli4.x版本过程及问题

项目背景公司有一个老项目最近要修改东西，此时发现因为开发新项目需要，本地环境vue脚手架已经升级到了4.5版本，无法运行npmrundev,因为4.x需要npmrunserve启动项目，所以需要对2.x创建的项目迁移到4.x项目环境。迁移过程使用vuecreatexxx创建新项目。把老项目中src目录中文件整体迁移替换到新项目src目录。把pages目录名修改为views。修改了views后记得修
sosoYU·2023-12-30 19:11

uni使用vue-cli4.x搭建ts+eslint+prettier项目

一、介绍uniapp是一款多端框架，虽然存在许多小bug，但对于快速开发一款多端应用，还是一把利器。本文讲述以此模版如何来开发一款微信小程序。模版的github地址：https://github.com/zhanjinfeng/uniapp-template二、项目结构项目架构采用的是vue-cli的模版，相信大家熟悉vue框架开发的同学都已经烂熟于心了。根目录下是项目相关的配置文件src就是我们
zhanjinfeng·2023-10-14 12:10

vue项目：Navigating to current location (xxx) is not allowed

Navigatingtocurrentlocation(xxx)isnotallowed解决方法：在router.js页面：importRouterfrom'vue-router'//重写路由的push方法--->这个是vue-cli4
尤雨溪的大迷弟·2023-10-12 12:12

vue项目下，笔记本显示跟PC显示比例为125%、150%对页面造成的影响

注意：此文章使用的方法虽然能解决掉直接的问题，但是太过于死板，已更新rem布局，体验更加的流畅，也不会对缩放造成影响，可前往Vue-cli3.X、Vue-cli4.X中使用px2rem中查看。
小张的前端之路·2023-09-12 00:13

在vue-cli中G2兼容IE

结果是因为vue-cli里的babel-polyfill没有转换完全，而我们使用的vue-cli4.x是不需要我
FriendlyJesse·2023-09-08 19:50

Vue项目迁移安装依赖异常问题

使用Vue-cli4.x创建Vue项目迁移项目node环境版本差异问题在开始创建项目的时候本地环境node14.x脚手架@vue/cli4.x然后再用自己的笔记本重新安装依赖库的时候发生了报错找到关键的哪一行提示说
平凡而简单·2023-08-30 01:37

vue-cli4.x引入jquery

1)安装：npminstalljquery--save2)配置vue.config.jsmodule.exports={chainWebpack:config=>{config.plugin('provide').use(webpack.ProvidePlugin,[{$:'jquery',jquery:'jquery',jQuery:'jquery','window.jQuery':'jquer
Paul_Chan_·2023-08-16 11:50

vue-cli4.x配置环境变量

1、配置不同环境下的env文件2、给.env文件添加内容3、在package.json中添加不同环境对应的执行语句通过传递--mode来配置不同的模式配置完后执行对应的指令就会加载对应的环境变量，比如运行npmrungtest加载的是.env.gtest文件4、使用通过process.env.变量的形式使用环境变量值，例如process.env.VUE_APP_API_BASE_URL
Paul_Chan_·2023-08-16 11:50

Vue-cli4.x中配置Autoprefixer

VueCLI内部使用了PostCSS所以只需要修改.postcssrc.js和.browserslistrc文件即可，没有的话新建文件.postcssrc.jsmodule.exports={plugins:{"autoprefixer":{}}};.browserslistrc>1%last2versionsnotdead测试的时候可以把.browserslistrc改成最后20个版本，否则可能
My_Java_Life·2023-08-05 08:01

Vue - vue-cli4.x配置less全局变量(vant和自定义)

demo地址:https://github.com/iotjin/jh-vue-demoless简单介绍与使用less官网：http://lesscss.orgless中文网：http://lesscss.cnLess是一款比较流行的css预处理语言，支持变量、混合、函数、嵌套、循环等特点。Less的一个主要功能就是可以让你像在其它高级语言中一样声明变量，这样你就可以存储你经常使用的任何类型的值：
西半球·2023-08-05 04:41

Vue - vue-cli4.x配置less全局变量(vant和自定义)

demo地址:https://github.com/iotjin/jh-vue-demoless简单介绍与使用less官网：http://lesscss.orgless中文网：http://lesscss.cnLess是一款比较流行的css预处理语言，支持变量、混合、函数、嵌套、循环等特点。Less的一个主要功能就是可以让你像在其它高级语言中一样声明变量，这样你就可以存储你经常使用的任何类型的值：
西半球_·2023-07-26 10:16

命令行创建uniapp项目

环境安装全局安装vue-clinpmi@vue/cli@4-g建议使用vue-cli4.x版本，vue-cli5.x与webpack存在冲突，会导致运行报错创建项目使用vue-cli安装预设模板。
dralexsanderl·2023-06-13 19:12

vue-cli4 PC端自适应配置

vue-cli4.x配置pc端px转rem安装依赖并在main.js中引入该依赖npmiamfe-flexiblenpmipostcss-px2remimport"amfe-flexible"在package.json
一只鱼_d589·2023-04-06 20:42

WebStorm+Vue-cli 配置alias 点击跳转无效问题

vue-cli版本，不同版本配置文件不同使用vueinspect检查，搜索alias查看路径映射使用console.log打印日志，确保vue.config.js正确加载运行可以直接添加测试，是否可以跳转Vue-cli4
Zakza·2023-03-29 14:32

vue-cli4 (Vue 2.x) 项目打包优化方案

通过vue-cli4.x，也就是@vue/cli成功构建一个项目的时候，它不仅自动安装好了必要的库和插件，而且做完了针对大部分应用的webpack优化配置。
AizawaSayo·2022-04-03 09:36

Vant 在vue-cli 4.x中按需加载操作

在vue-cli4.x中使用vant出现的问题,在这里记录一下一.如果使用按需加载,需要下载babel-plugin-import转换一下,下载babel-plugin-importcnpminstallbabel-plugin-import-D
·2021-08-11 16:27

vue-cli4.x配置Proxy代理解决跨域

我们在之前说了前端常见的跨域方式，其中说了proxy代理解决此问题它的思想思想实际上是通过访问a接口代理b接口的请求，因此我们最终访问的是b接口。使用这种方式的好处是我们可以使用任何方式请求数据都可以。并且前后端都不需要做处理，只需要运维改一些配置信息。我们这里vue项目使用的是nodejs服务器，因此我们要在vue.config.js中配置，最终传入webpack模块在给node服务器。下面是我
小牲口online·2021-04-14 16:55

vue-cli 4.x 和 vue 3.x 笔记

vue-cli4.x使用element-ui当前最新版本的脚手架为vue-cli4.x最新的vue版本为3.x如果项目中使用了element-ui，暂无法兼容VUE3；在脚手架创建项目时，需选择安装VUE2
toutouping·2021-01-06 19:54

vue-cli4.0多环境配置变量与模式详解

vue-cli2.x还是vue-cli4.x模式的多环境变量配置方法（忘了）。
·2020-12-30 18:06

vue-cli4.x打包压缩遇到的问题

由于vue-cli4.x少了很多配置文件所以自己新建一个vue.config.js里面填写打包配置module.exports={//公共路径(必须有的)publicPath:"./",//输出文件目录
上邪_J·2020-11-02 16:49

vue-cli4.x + ant-design-vue(layout布局的使用 + 数据渲染 + 树型控件 + 分页)

用vue脚手架搭建完成一个项目之后，用npminstallant-design-vue--save安装antdesignvue**1、layout布局**我用的是layout的布局，安装完成后，在main.js中配置一下官方文档上用一个引入一个，而且还有报错。我就直接全部引入过来了importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'
一个什么都不会的前端·2020-09-30 17:51

vue-cli 4.x版本生成的工程，SCSS样式问题

问题vue-cli4.x版本生成的vue工程，已经自动帮我们配置好了webpack的css-loader【清单详见这里】，我们在vue的单文件组件中写scss样式的时候，有些属性，比如background-image
fredricen·2020-09-16 22:13

vue-cli4.x 使用 scss 全局变量设置使用

相关配置在安装完相关依赖后，需要在vue.config.js中进行相关配置，重点配置路径。路径后面的;是必须的module.exports={css:{loaderOptions:{sass:{prependData:`@import"./src/assets/styles/base";`,},},},}在需要使用全局样式的地方，就可以进行使用base.scss文件中定义的样式。但是得注意在加la
a伊雪·2020-09-15 16:04

vue-cli4.x开发环境搭建

1.安装nodenode的版本要求大于8.92.安装vue-cli打开cmd或者powershell如果之前安装过其他的版本npminstallvue-cli-g没有安装其他版本，则直接安装npminstall@vue/cli-g3.检查vue--version@vue/cli4.3.1//安装成功的样子4.创建Vue项目目前比较常用的有二种，今天主要介绍第一种基于交互式命令行vuecreate项
829896·2020-09-12 23:22

vue-cli4.x组件安装

vue-cli4.x组件安装第一步：官网下载并安装最新版node.js，他自带npm。我装在Ｆ盘。
JoJo-Zhang·2020-09-11 09:45

vue.config.js配置，公司实战项目

在vue-cli3.0后，就把vue-cli2.x中build、config目录下的配置，需要在vue.config.js中配置了vue-cli3.x、vue-cli4.x刚搭建是没有vue.config.js
Star.良·2020-09-06 23:40

vue-cli4.x项目优化

一、打包优化主要是对比打包后的文件以及代码加载做优化1、未优化时打包文件大小2、大概查看了下发现中有比较大的图片，ok，压缩！首先查看下脚手架默认的webpack配置vueinspect>output.js只用了url-loader处理了体积较小的文件/*output.js*//*config.module.rule('images')*/{test:/\.(png|jpe?g|gif|webp)
JoyZ·2020-08-24 17:58

vue-cli3.x、vue-cli4.x中，想要在node中使用es6的语法，该如何配置babel

新版vue-cli工具生成的项目，如何配置babel，使之可以在node中使用es6+的语法导读（写在前面）方案一方案二本文行文条件是基于vue-cli3构建的项目，在vue-cli4中依然可用；同时，在其他类型的项目中，如果是此类问题，依然可以适用。导读（写在前面）使用新版的vue-cli工具生成的项目，在项目结构上，以及配置文件上都与之前有了很大的不同，而且新版的vue-cli给你做了很多默认
Never Yu丶·2020-08-22 12:25

Vue管理系统前端系列二相关工具引入及封装

sass-loader/vuex等的引入说明引入element引入axios1.基本使用2.封装使用2.1开发环境配置请求地址2.2配置代理2.3添加接口相关文件sass-loader/vuex等的引入说明tips:vue-cli4
Levy-伟·2020-08-20 20:00

Vue管理系统前端系列一vue-cli4.x 初始化项目

使用vue-cli4.x初始化项目。开发时采用fastmock来进行模拟请求数据。暂时前端项目只有master分支，数据都是mock的，有基本轮廓，可clone下来快速开发
Levy-伟·2020-08-20 18:00

vue-cli4.x 使用 scss 全局变量设置使用

目录本记录仅针对于vue-cli4.x使用scss全局变量设置使用确定依赖包相关配置使用本记录仅针对于vue-cli4.x使用scss全局变量设置使用在网上也找了很多版本的方法，尝试后都不可行。
Levy-伟·2020-08-20 09:00

vue-cli4.x构建的项目的执行顺序详解

通过vue-cli构建了一个项目，那么让我们来了解一下整个项目是如何执行的。安装vue-cli的过程我就省略了，从启动服务开始吧！通过指令$npmstartserve启动了服务，在浏览器输入http://localhost:8080/，我们可以看到vue已经跑起来了，运行界面如下：那么，是怎么来到这个界面的呢？下面我来讲解一下。（1）先看一下项目的目录结构，如下图：（2）当我们在浏览器输入http
yoyo-milktea·2020-08-19 03:04

vue.config.js 开发打包配置

基于vue-cli4.x配置，觉得有必要的小伙伴可以当做模板直接使用。
Luck Young·2020-08-15 18:34

vue-cli2.9.6及其他版本升级至vue-cli4.x最新版

-前言目前网上关于vue-cli的文字/视频教程多数停留在2.9.6或3.x版本，但毕竟IT行业学新的总不会错。官方推出的版本从3.0开始也做了较大的变动，这里简单做个升级教程。-卸载旧版本卸载命令：npmuninstall-gvue-cli这里有坑，如果明明卸载了却仍出现报错类似提示没有卸载干净，可能是当时安装旧版本时你还使用了yarn导致有残留，用yarnuninstall-gvue-cli清
Jsxj不想奋斗·2020-08-11 23:00

vue-cli4.x的安装与使用

介绍Vue.js(读音/vjuː/,类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js自身不
狄奥尼索斯·2020-08-11 22:54

vant UI与rem适配问题

vue-cli4.x项目引入vant-ui,要求在项目中使用rem单位,但vant是px的.故,需要添加一个自动转换插件和一段修改html根元素的font-size值的脚本一.添加插件:npmipostcss-plugin-px2rem
一颗冰·2020-08-11 19:35

vue-cli 4.x适配IE浏览器(SCRIPT1002:语法错误)

vue-cli4.x默认情况下不需要自己手动安装babel-polyfill,我们看一下官网介绍。
Aug丶Sunrise·2020-08-05 20:17

vue-cli4.x router/index.js里面的坑

NavigationDuplicated{_name:"NavigationDuplicated",name:"NavigationDuplicated",message:"Navigatingtocurrentlocation("/users")isnotallowed",stack:"Error↵atnewNavigationDuplicated(webpack-int…e_modules/e
itwangyang520·2020-08-05 19:45

vue-cli4.x及vant搭建移动端项目（rem适配）

首先安装vue-cli4.x脚手架全局安装最新的脚手架npminstall@vue/cli-g生成项目vuecreatetest_project回车键确认执行，空格键进行选择所需要的配置我一般习惯以下这些
qq_39024950·2020-08-05 13:40

四、Nuxt的介绍及简单安装(vue-cli4.x) -npx create-nuxt-app ‘xxx’ 创建项目报错

在vue-cli的老版本中是可以使用vueinitnuxt/starter进行安装的但在新版本的vue-cli中不行了使用官方推荐的npx来安装：(npm的5.2.x版本后默认安装了npx)项目安装npminstall-gnpxnpxcreate-nuxt-appprojectname输入命令后：npmERR!codeENOLOCALnpmERR!Couldnotinstallfrom“Files
两苹果·2020-08-05 13:37

vue-cli4搭建项目

使用Vue-Cli4.x脚手架项目初步搭建1.前提：node的版本要在8.11.0+，并配置好node的环境变量2.如果之前电脑中安装多其他版本的脚手架需要卸载掉其他的版本，重新安装4.x版本**npmuninstall-gvue-cli
James_liPeng·2020-08-05 12:15

菜鸟的Vue-Cli 4.x学习总结

菜鸟的Vue-Cli4.x学习总结说明一、入门系列（1）vue-cli安装（2）快速原型开发（3）创建vue-cli项目（4）Vue的生命周期（5）Axios二、路由VueRouter（1）路由配置（2
最强菜鸟·2020-08-03 23:02

Vue-Cli 4.x目录结构学习总结

Vue-Cli4.x目录结构学习总结说明一、目录结构二、项目执行顺序详解（1）main.js（2）App.vue三、总结说明更新时间：2020/7/1510:52，更新了整体内容Vue-Cli个人感觉对新手并不友好
最强菜鸟·2020-08-03 23:57

Vue-CLI 4.x 自动部署项目至服务器

Vue-CLI4.x脚手架搭建的vue项目,利用scp2+cross-env跨平台自动化部署到静态文件Nginx服务器一、安装scp2+cross-envnpminstall--save-devscp2cross-env
LiuDanyang丶·2020-08-01 14:58

vue-cli4.x创建企业级项目的方法步骤

安装脚手架（vue-cli）$npminstall@vue/cli-g//全局安装最新的脚手架创建项目$vuecreatevue-demo在创建项目的时候可以使用$vueui来进行创建，两种方式在创建的时候，直接选择上router和vuex，来进行项目创建移动端Vant#通过npm安装$npmivant-S#通过yarn安装$yarnaddvant我这里都是使用的按需引入，用了babel-plug
·2020-07-31 10:09

VUE项目远程引入js插件

本文使用的是vue-cli4.x第一步:被引入的js应该是通过exportdefault/export输出的。第二步:在index.html中通过‘script标签’引入远程文件。
忽胖忽瘦·2020-07-30 15:10

vscode对vue文件没有智能提示 node-sass无法安装

如题前几天在搭建新的项目的时候，脚手架升级到了vue-cli4.x的版本，然后像往常一样创建了新的项目。可是在安装依赖的过程中，node-sass需要在github上下载一个依赖包。
Jioho_·2020-07-29 04:21

Vue-cli 4.x 配置pug,less,rem布局等

Vue-cli4.x配置pug,less,rem布局等新项目配置高效率的开发环境开始安装时的问题配置pug配置less配置全局自动引入`common.less`配置px2rem配置代理等结语新项目配置高效率的开发环境很久没有关注
monoplasty·2020-07-28 03:15

Vue-Cli4.x项目通过electron打包桌面应用程序

发现网上的教程大部分都是vue2.x目录结构不太一样还有就是将一些问题整合在一起傻瓜式教程步骤一下载electron的demo项目electornGitHub下载demoelectron-quick-start步骤二运行demo项目用你的ide打开demo项目在项目根目录下npminstallnpmstart注意是根目录执行成功界面步骤三在原vue项目里安装相关依赖其中electron-packa
丢糖的小孩Una·2020-07-06 20:33

vue开发使用vue-cli4.x创建项目详解

-前言vue-cli4.x新版本安装教程可以看看我之前的文章。版本更新后在创建项目上有所不同，这里做详细的步骤教程以及选项解释。
Jsxj不想奋斗·2020-07-05 13:49
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他