vue-cli3

基于vue-cli3，全局集成 scss | sass

Css的预处理器如果项目中没有scss预处理器，需要安装npminstall-Dsass-loadernode-sass修改配置文件vue.config.jsconstfs=require('fs')module.exports={css:{loaderOptions:{sass:{data:fs.readFileSync('src/assets/css/variable.scss','utf-8
PHP的点滴·2024-08-31 22:01

vue将两个项目整合成一个

关于自动化部署两个项目合并一个项目的解决方案vue-cli3多项目整合到一个项目中维护打包发布vue-cli3多项目整合到一个项目中维护打包发布
ToOTOooo·2024-08-28 01:07

小程序跳转H5实现长截图功能；vue-cli3通过rem适配

一、需求：  微信小程序部分页面需要一键长图的功能。  通过html2canvas插件可以实现，具体可参考微信小程序实现一键长图并保存图片到相册。由于该插件只能在H5项目中使用，则需要截图的小程序页面点击后跳转到H5页面，把所需的token及接口参数带过去，在H5页面进行长截图并保存或转发，点击左上角返回即回到小程序。二、思路：  首先，考虑需要长截图的页面根据需求可能会迭代增加，新建了一个vue
怪哈哈·2024-02-20 16:50

Vue项目部署优化

44赞同·8评论文章前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后
硅谷干货·2024-02-13 15:19

webpack.config.js和vue.config.js的区别

vue-cli3创建的时候并不会自动创建v
武当王也拜见老天师·2024-02-08 20:27

vue-cli3脚手架搭建vue项目，关闭eslint

亲测有用在根目录下的vue.config.js中添加lintOnSave:false即可，如下图eslint.jpg
jsDmast·2024-02-07 10:31

vue-cli3配置跨域

在根目录下创建vue.config.js//vue.config.jsmodule.exports={publicPath:'/',devServer:{proxy:{'/api':{target:'https://aip.baidubce.com',//对应自己的接口changeOrigin:true,secure:false,ws:true,pathRewrite:{'^/api':''}}}
coolSummer003·2024-02-05 17:38

"export 'default' (imported as 'Vue') was not found in 'vue'

引入ant-desing-vue中一开始按照官网ant-desing-vue在vue-cli3中使用的要求进行，后续安装和初始化文成后修改src/main.js，引入antd的按钮组件以及全部样式文件就照搬了以下内容
鱼干儿·2024-02-05 06:34

vue-cli3项目ie浏览器白屏兼容问题

第一步：安装babel-polyfill依赖npminstallbabel-polyfill--save-dev在main.js文件中引用这个库，import'babel-polyfill'第二步：安装es6-promise依赖npminstalles6-promise--save-dev在main.js文件引入下面的内容。importpromisefrom'es6-promise'和promis
赵羽珩·2024-02-04 11:00

前端面试题（四）（Vue-cli篇）建议收藏，持续更新中...

vue-cli3你有使用过吗？它和2.x版本有什么区别？
短暂又灿烂的·2024-02-03 01:09

Vue-Cli3 - 从安装 nodejs 配置环境 ~ 搭建 cli 脚手架项目全过程

目录前言提示一、安装&配置nodejs1.1、安装nodejs1.2、配置必要目录1.3、配置环境变量1.4、测试安装&配置是否成功1.5、安装淘宝镜像1.5、cnpm安装（推荐安装）二、vue-cli3
陈亦康·2024-01-29 09:27

打包vue-cli3创建的app的跨域问题

使用axios时打包时将axios.default.baseURL添加上不然打包后请求时会没有请求头
coolSummer003·2024-01-27 10:28

vue-cli3热更新失效

问题：vue-cli3搭建项目之后，修改文件保存后，页面不会自动刷新。解决：在vue.config.js文件中添加如下配置：
拼命十三娘·2024-01-27 03:38

vue-cli3创建的项目设置自动打开浏览器

问题:Vue-cli3.0创建的vue项目不能自动打开浏览器解决:步骤一:在根目录下创建一个vue.config.js的文件内容:module.exports={//baseUrltype:{string}default:’/’//将部署应用程序的基本URL//将部署应用程序的基本URL。//默认情况下，VueCLI假设您的应用程序将部署在域的根目录下。//https://www.my-app.c
拼命十三娘·2024-01-27 03:07

vue-cli3运行npm run serve修改为npm run dev

使用vue-cli3搭建项目，然后使用npmrundev命令运行发现项目运行报错。vue-cli3运行项目的命令应该是npmrunserve,那如何修改为npmrundev呢?
大大。·2024-01-27 01:46

vue-cli3创建vue项目两种方式

下载安装vue-cli脚手架VUECLI3的包名称由vue-cli改成@vue/cli。如果你已经安装了旧版本的vue-cli(1.x或2.x)，你先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。cnpminstall@vue/cli-gyarnglobaladd@vue/cli检查安装vue-V//大写Vimage.png使用命令行来创建v
隔壁老樊啊·2024-01-24 08:52

vue上传文件or上传图片文件小结

file的文本框中，粘贴的时候（ctrl+v）实现图片的上传具体步骤是上传的时候需要验证传参token，那么实现的具体步骤就是，先登录获取token，然后再在请求头传入token两个大步骤实现我这里是使用vue-cli3
颂温暖·2024-01-22 22:08

Vue-cli3配合Mint UI移动端开发rem的计算问题

在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换首先需要安装一下postcss-px2rem：npminstallpostcss-px2rem
尤樊容·2024-01-21 11:16

htmlWebpackPlugin.options.title

vue项目中当你去index.html配置标题名,看见以下这些,可用下面去修改vue-cli3脚手架的项目下，在根目录的vue.config.js中添加如下代码chainWebpack:config=&
白小码·2024-01-21 01:15

Vue-cli3 + Cesium1.63版本以上 开发环境配置

1.Vue3创建项目vuecreatetdmap2.npm引入Cesium包cnpminstallcesium--save3.新增配置文件constCopyWebpackPlugin=require('copy-webpack-plugin')constwebpack=require('webpack')constpath=require('path')constdebug=process.env
心淡然如水·2024-01-18 15:27

webpack-bundle-analyzer 文件可视化分析工具

image.pngnpm仓库地址有关文章：【译】webpack小札:充分利用CommonsChunkPlugin()vue-cli3安装步骤npminstallwebpack-bundle-analyzer
誰在花里胡哨·2024-01-17 18:46

vue-cli3中PC端大屏自适应

目录第一步：安装插件第二步：装好之后在main.js里引入lib-flexible第三步：在vue.config.js中添加配置第四步：设置flexible.js的宽度根据屏幕大小自动适配，修改flexible.js文件，（全局搜索flexible.js）第五步：设置完成后重新启动项目，查看效果前期准备：vue2.0vue-cli3脚手架flexible插件自适应插件px2rem-loader插件
脑瓜不疼·2024-01-16 14:19

VS CODE之vue.js基本知识一

建项目布置切换使用语言：搜索框直接搜索该语言的英文，点击安装即可文件目录管理：设置颜色主题：一些通用操作：推荐安装的插件Vue.js项目技术栈Vue.js,Vue-Router,webpack,axios,Vue-cli3
w??oo.·2024-01-12 19:54

vue-cli3生产环境去掉console.log

第一步首先安装terser-webpack-plugincnpminstallterser-webpack-plugin-D第二步在vue.config.js文件里写插件的配置：module.exports={configureWebpack:(config)=>{if(process.env.NODE_ENV==='production'){config.optimization.minimiz
一人创客·2024-01-06 09:16

vue-cli3 本地跨域代理配置（多域名）

vue-cli3的vue.config.js多域名跨域本地代理配置背景在做项目时碰到了需要请求好几个域名下的接口的情况，而接口是确定没问题的，所以没有后台的同事介入，只能自己本地代理解决跨域的问题。
Piscoo·2024-01-05 09:10

vue-cli3/webpack打包时去掉console.log调试信息

文章目录前言一、terser-webpack-plugin是什么？二、使用配置vue-cli项目前言开发环境下，console.log调试信息，有助于我们找到错误，但在生产环境，不需要console.log打印调试信息，所以打包时需要将console.log调试信息过滤清除。一、terser-webpack-plugin是什么？该插件使用terser来压缩JavaScript。terser-web
骆骆爱学习·2023-12-30 10:46

Vue-cli3 设置接口代理

在根目录下的vue.config.js的module.exports加入如下内容:devServer:{proxy:{'/api':{target:'http://你的域名/'}}}/api为域名后面请求接口的url本地开发是跨域需要后台开放跨域
QYiZHong·2023-12-27 09:25

vue-cli3解决跨域问题

vue-cli3脚手架创建完毕不会有config文件，需要我们自己配置，并且官网有详细的配置列表。
雾里看花_5b5b·2023-12-27 05:05

node+vue+mysql后台管理系统

基于vue.js，使用vue-cli3脚手架，引用ElementUI组件库，数据库直连mysql方便开发快速简洁好看的组件。
ichterry·2023-12-26 14:41

vue实战第一天

Vue技术栈开发实战-使用vue-cli3创建项目使用VueUI创建、管理项目这里的vue-cli必须是3.x,我以前下的居然是vue-cli2.x,因为vue-cli的包名变成了@vue-cli项目结构目录整理初始文件添加
奔走的沙随风而动·2023-12-25 23:49

Vue-Cli3 MPA

创建应用$node-vv12.14.0$npm-v6.13.4$npmi-g@vue/cli$vue-V@vue/cli4.1.2$vuecreatestats创建Vue项目选择基础预设，其中包括babel和eslint插件。文件结构文件描述public静态资源文件夹src项目源代码包括目录src/config应用配置文件夹，推荐使用JSON格式。src/utils工具类库文件夹src/asset
JunChow520·2023-12-25 22:14

vue SSR 实现热更新功能【转】

前沿通过上一篇文章通过vue-cli3构建一个SSR应用程序我们知道了什么是SSR，以及如何通过vue-cli3构建一个SSR应用程序。
三省吾身_9862·2023-12-25 14:22

解决vue-cli3打包代码后，上线服务器后白屏问题

前沿因为最近vue刚刚发版了最新版本的vue-cli3，而最近刚刚好有个项目要迁移到vue，所以经过讨论，大家一起入坑VUE；然后我也刚好可以练手刚学一周的vue，结合TypeScript和vuex等全家桶的框架
会撸码的小马·2023-12-21 07:07

Vue-cli3 区分环境打包

Vue-cli2的环境配置和Vue-cli3不一样。现在每篇文章还得区分版本，不知道Vue全面支持TS之后会是怎么样=口=！
钱英俊真英俊·2023-12-20 09:37

vue-cli3打包时遇到Cannot assign to read only property 'exports' of object '#'问题总结。
分析原因：第一种原因就是import和module.exports的混用，因为commonJS和ES6的语法是不太一样，当混用这两个语法的时候，webpack就会报错。解决办法：在babel.config.js里配置unambiguous设置，让babel和webpack一样严格区分commonJS文件和ES6文件。module.exports={presets:['@vue/app'],sour
laogui_·2023-12-18 14:40

vue-cli3创建Vue项目

文章目录前言一、使用vue-cli3创建项目1.检查当前vue的版本2.下载并安装Vue-cli33.使用命令行创建项目二、关于配置前言本文讲解了如何使用vue-cli3创建属于自己的Vue项目，如果本文对你有所帮助请三连支持博主
柒小莫·2023-12-18 08:43

vue-cli3 + electron 打包报错：Error: Application entry file "background.ts" in the "**\dist_electron\w...

vue-cli3+electron打包报错：Error:Applicationentryfile"background.ts"inthe"**\dist_electron\win-unpacked\resources\app.asar"doesnotexist.Seemslikeawrongconfiguration.首先，项目使用vue-cli3+electron+typescript。运行没问
东扯葫芦西扯瓜·2023-12-16 06:21

如何使用脚手架新建 Vue 项目？

这里介绍的是vue-cli3的使用过程。
勿问情殇·2023-12-16 06:26

如何修改vue-cli3预设的terser-webpack-plugin？

要修改VueCLI3预设的terser-webpack-plugin插件配置，您可以使用VueCLI提供的配置文件和插件配置选项。以下是一些步骤来实现这个目标：创建配置文件：在您的VueCLI3项目根目录下，可以创建一个名为vue.config.js的文件，如果项目中还没有这个文件。这个文件将用于配置webpack。配置terser-webpack-plugin：在vue.config.js中，您
农村杨小帆·2023-12-15 09:34

vue-cli3项目如何修改项目配置

使用vue-cli3构建项目，会发现之前的项目配置文件比如webpack.base.config.js等都不见了，那如果想要修改配置怎么去修改呢？vuecli3官网给出了方法，现在用烂笔头记录下。
偶余杭·2023-12-05 01:37

vue-cli3 chainWebpack如何修改webpack内部配置

vue-cli3的配置，全部放在了vue.config.js这一个文件中，讲道理，真的清爽。作为技术小菜鸟，还没有手动从0到1配置过webpack，只是对webpack配置工程师。。略有耳闻。。
南慕瑶·2023-12-04 23:44

122、Vue Cli3 项目打包优化

一、新建项目使用vue-cli3构建一个初始的Vue项目：Cli3官方文档因为使用了cli3，很多目录结构不见了，而相关配置是放在vue.config.js里面的，因此在根目录，新建一个vue.config.jsmodule.exports
world_7735·2023-12-04 12:58

node升版本问题

1、vue-cli3，webpack4.X在node16下运行，报sass安装相关的错，SyntaxError:Error:NodeSassdoesnotyetsupportyourcurrentenvironment
chujinmaolu·2023-11-29 04:43

基于vue的管理系统页面模板_站长推荐：完全免费开源基于vue的清新后台模板 - D2Admin...

预览地址：http://d2admin.fairyever.com/功能使用vue-cli3构建首屏加载等待动画五款主题详细的文档登录和注销分离的路由和菜单设置可折叠侧边栏多国语富文本编辑器Markdown
weixin_39639286·2023-11-27 09:37

less 自定义函数

vue-cli3以上配置module.exports={css:{loaderOptions:{less:{javascriptEnabled:true}}}}vue-cli3以下版本//module.rules
祝余、·2023-11-27 00:05

vue-cli3 配置 webpack-bundle-analyzer 插件

安装后配置vue.config.jsletBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports={configureWebpack:{plugins:[newBundleAnalyzerPlugin()]},}运行：npmruntest--report
搞技术的妹zhi纸·2023-11-26 15:33

vue-cli3 搭建 vue 项目

vue-cli3搭建vue项目项目是在mac的环境下配置的win的同学请移步【https://www.cnblogs.com/zhaomeizi/p/8483597.html】安装node.js1.首先是打开
好想养只金毛·2023-11-22 20:41

vue-cli3 配置全局scss变量

1.找到vue.config.js文件，如果没有的话，则自己在根目录新建一个即可2.在文件内编写如下代码：module.exports={css:{loaderOptions:{sass:{data:`@import"@/styles/_variable.scss";`}}}}3.重启项目，即可使用注意：如果编写完以上代码，重启项目后出现这个错误：注意：如果编写完以上代码，重启项目后出现这个错误：
什么都不知道_·2023-11-22 15:43

vue-cli3/4全局引入scss变量和使用

试了网上很多方法都不行，版本不一致，语法不大相同。最后通过各种实践，成功配置好了，记录下来方便以后查看，步骤如下：1、安装sass-resources-loader//安装最新版本npmisass-resources-loader--save-dev//安装指定版本[email protected]在package.json的devDependenc
Ashley的成长之路·2023-11-22 15:40

【vue】vue-cli3配置scss全局变量

由于想在vue文件中使用scss变量，所以想配置一下全局使得更方便使用和维护，package.json中对应的版本号是："@vue/cli-service":"3.5.3"、"sass-loader":"^7.1.0"1.配置在项目根目录下的vue.config.js中配置module.exports={css:{loaderOptions:{//没有分号会报错sass:{data:`@impor
向着光芒的女孩·2023-11-22 15:04
上一页 1 2 3 4 5 6 7 8 下一页