@vue-cli3

用vue-cli3脚手架构建项目步骤

之前都是vuecli2脚手架搭建项目，目前升级成了vuecli3脚手架cmd进入了命令控制界面npmi@vue/cli-g（全局安装vuecli3）判断安装成功输入：vue--version就会出现vue版本号安装成功之后：开始创建项目：D:(进入D盘)vuecreatedemo(demo是项目名称)cddemonpmrunserve出现这个就成功了，在浏览器打开http://localhost:
前端探索者·2023-08-04 06:20

vue-cli 3 中添加Ant Design组件

1、npm安装vue-cli3：npminstall-g@vue/cli（如果原先安装了vue-cli2需要先卸载：npmuninstall-gvue-cli）新建项目：vuecreateocr-frontend
SeanQikYibo·2023-08-03 02:59

备注：利用hbuilderx新创建一个vue-cli3项目所需要做的事情

1.创建Vuecli3的核心配置文件vue.config.js/***Vuecli的核心配置文件*/constwebpack=require("webpack");module.exports={//引入bootstrap样式configureWebpack:{plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery","window
rikiemo·2023-08-02 20:09

vue-cli3中本地应用和后端接口跨域，导致axios无法携带cookie的处理

axios中api请求以/api开头，不需要配置绝对路径，如http://....之类。在vue.config.js中配置如下：target改为你要请求的api地址devServer:{//developmentserverport8000port:8000,//Ifyouwanttoturnontheproxy,pleaseremovethemockjs/src/main.jsL11proxy:
不看盛景不叙深情·2023-08-01 07:09

2022年最新Vue+electron项目创建

需要：Node环境，我的是16.x版本vue-cli3
web13618542420·2023-07-29 19:17

vue-admin-template解决前端跨域问题---简单快速（vue-cli3）

1.跨域无非就是：协议、域名、端口不同导致vue-cli3提供了一个proxy选项，用来代理接口转发流量。
勤劳的小钟·2023-07-29 16:07

vue-cli3 前端解决跨域

//有vue.config.js文件就直接写下面的代码，没有的话需要在项目根路径里创建vue.config.js（注意：不是public，是与package.json并排着）module.exports={devServer:{//代理的网址，这里写的是本地的ip(相当于域名)和端口号(启动后台服务会有端口号)proxy:'http://127.0.0.1:8000/'}}这是我在实际项目中遇到的
家哥·2023-07-29 16:06

Vue-cli proxy前端解决跨域问题

前端解决跨域如果是Vue-cli3则需要在根目录下建立vue.config.js下载http-proxy-middleware依赖npminstallhttp-proxy-middleware-save-devvue.config.jsvarproxy
商朝·2023-07-29 16:36

Vue-cli3 前端跨域问题解决

1、axios的JS文件中设置统一前缀为'/api'​​​​​​​axios.defaults.baseURL='/api'2、根目录下创建vue.config.js文件3、添加配置信息devServer:{proxy:{'/api':{target:'https://www.baidu.com/',changeOrigin:true,ws:true,pathRewrite:{'^/api':''
qq_36368644·2023-07-29 16:34

vue-cli3项目npm run build --report生成分析图

vue-cli3下的typescript项目，在build时想要生成分析报告进行性能优化。
会点php的前端小渣渣·2023-07-28 20:16

vue项目创建后没有webpack.config.js文件

vue-cli3之后创建的时候并不会自动创建vue.config.js，因为这个是个可
@是静静啊·2023-07-27 18:00

javaScript内存溢出vue-cli3解决方案

项目运行内存溢出（LastfewGCs）vue-cli3解决方案补充：运行项目时报错vue-cli3解决方案1、scripts中添加一句指令"scripts":{..."
爱吃栗子的小单·2023-07-27 15:35

vue-cli3，vue+elementui实现用户自定义主题色，切换主题，（2023-02-10增加功能：后台可配置主题色以及功能色）

自定义主题色包含以下两种，并且这两种的主题色需要同步element-ui的主题色程序员自己写的样式中的主题色我参考一篇博客：vue,elementUI切换主题，自定义主题-小兔额乖乖-博客园一个开源框架：腾讯的tDesign搭建的开源框架——TDesignVueNextStarter输出了此篇文章说明1：小兔额乖乖文章中的项目示例，在修改主题色后，刷新一下，鼠标hover时会有问题，此问题在本篇文
有蝉·2023-07-27 07:59

vue-cli3配置eslint

首先先说明，eslint的配置可能在package.json中，也可能是根目录下的.eslintrc.js文件(如下图)，这完全取决于创建项目时eslint是选择单独配置还是inpackage.json1-vue3的eslint配置写在package.json中，以下是eslint的默认配置"eslintConfig":{"root":true,"env":{"node":true},"exten
湛海不过深蓝·2023-07-27 00:50

基于vue-cli3的vue项目 通过postcss-pxtorem 实现px自动转换成rem

使用postcss-pxtorem项目中的px转换为rem，rem单位用于适配不同宽度的屏幕。如何在vue-cli3.0中使用postcss-pxtorem插件1、安装依赖包npminstalllib-flexible--savenpminstallpostcss-pxtorem--save-dev2、引入lib-flexible在项目入口文件main.js中引入lib-flexibleimpor
唯吾听烟雨·2023-07-26 09:24

如何解决创建vue项目后没有webpack.config.js(vue.config.js)文件

vue-cli3之后创建的时候并不会自动创建vue.config.js，因为这个是个可选项，所以一般都是需要修改webpack的时候才会自己创建一个vue.config.js。
儒雅的烤地瓜·2023-07-25 15:53

vue-cli3 babel配置

项目使用目前vue3.0后的搭建可以直接使用可选链和双问号。旧项目的话需要借助插件解析可选链和双问号写法：babel-plugin-proposal-optional-chaining插件可以帮助我们将可选链式的代码转化1：安装依赖cnpminstall@babel/plugin-proposal-optional-chaining-S2：添加"plugins":["@babel/plugin-p
C+ 安口木·2023-07-22 17:52

115、vue-cli3创建多项目工程，支持分项目编译打包到相应文件夹中

前言本篇文章将采用vue-cli3来创建vue项目，如果之前已经全局安装了旧版本的vue-cli，需要先将其卸载，卸载命令如下npmuninstallvue-cli-g#oryarnglobalremovevue-cliNode
world_7735·2023-07-21 00:34

第一步，如何新建一个vue-cli3 + ant-design 项目

第一步源码https://github.com/niuzhifeng616/ant-design-template一、你需要电脑安装有1.node2.vue-cli3二、使用vue-cli3新建一个空的工程新建
fallfilm·2023-07-18 03:43

vue-cli3项目配置eslint代码规范

前言最近接手了一个项目，由于之前为了快速开发，没有做代码检查。为了使得代码更加规范以及更易读，所以就要eslint上场了。安装依赖安装依赖有两种方法：在cmd中打上把相应的依赖加到devDependencies下，再npminstall对应依赖。在package.json文件加上相应依赖："eslint-plugin-html":"^6.0.3","@vue/cli-plugin-eslint":
林砖头·2023-07-18 00:46

vue-cli3配置vue.config.js与跨域处理

文章目录前言1.基本配置2.跨域总结前言通过vue-cli3脚手架创建的项目中没有vue.config.js文件，因此我们可以在package.json同级目录下新建一个vue.config.js文件。
AnitaOvO·2023-07-17 17:19

vue-cli 3搭建vue项目后对vue.config.js进行简单配置

vue-cli3搭建vue项目后目录下没有vue.config.js文件，如果要配置，需要自己手动在根目录（与package.json同级目录）下新建此文件下面是简单的配置及说明module.exports
littlebearGreat·2023-07-17 17:16

Vue-cli3全局引入Ant Design Vue和按需引入

1、首先我们介绍下如何在vue中全局引入AntDesignVue1.1、输入命令[email protected]下载指定版本[email protected]、main.js文件引入并使用importAntdfrom'ant-design-vue'import'ant-design-vue/dist/antd.css'Vue.use(A
码上行动·2023-06-28 10:54

在VUE-CLI 3下的第一个Element-ui项目（菜鸟专用）

一、今天第一次试用了vue-cli3来写我的第一个基于Element-ui的项目，我会从项目的创建到项目的运行尽可能详细的给大家讲一遍。
·2023-06-21 20:58

vue-cli3兼容ie9及以上

1、配置.browserslistrc>1%last4versions2、安装babel-polyfill依赖npminstallbabel-polyfill--save-dev在vue.config.js中引入babel-polyfillchainWebpack:config=>{config.entry.app=["babel-polyfill",resolve('src/main.js')]
羊绘霖·2023-06-21 12:52

同时安装vue-cli2和vue-cli3

同时安装vue-cli2和vue-cli3发布时间环境安装后的效果安装vue-cli2安装vue-cli3vue-cli3和vue-cli2的区别vue-cli2目录结构vue-cli3目录结构发布时间
qq_26264237·2023-06-20 15:43

vue-cli3 build 文件路径报错

vue-cli3build文件路径报错用vue-cli3npmrunbuild打包后，dist文件中index.html文件本地打开时，控制台报错：Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)官网的解释是：dist目录需要启动一个HTTP服务器来访问(除非你已经将baseUrl配置为了一个相对的值)，所以以fil
林遇66·2023-06-20 11:26

vue-cli3实现屏幕自适应（两步搞定）

项目演示代码exportdefault{name:'test',components:{}}*{margin:0;padding:0;}.big{width:100vw;height:100vh;background:yellowgreen;}.bigdiv{height:100px;}.bigimg{width:710px;height:400px;}.box1{width:960px;back
皮皮虾不皮呀·2023-06-19 16:19

vue-cli3的安装和项目创建

一vue-cli3的安装（注意：vue-cli3在安装之前，需要先删除旧版本，即vue-cli2）cnpmi-g@vue/clivue-cli3的卸载：cnpmuninstall-g@vue/cli然后用命令
wuhuajun_123456·2023-06-19 07:25

heatmapjs-vue组件库项目简介

heatmapjs-vueheatmapjs的Vue.js组件.基于heatmap.jsv2.0.5+开发，依赖Vue.jsv2.2.6+.引言基于heatmapjs封装的vue组件，可靠稳定，支持vue-cli3
star__light·2023-06-17 13:50

vue对不同构建版本的解释，以及vue-cli3中如何配置别名

构建版本在node_modules中vue文件夹下/dist中存放着所有vue不同的构建版本官方示例image.png完整版：顾名思义，同时包含了编译器和运行时的版本编译器：用来将模板字符串编译为JavaScript渲染函数的代码运行时：用来创建Vue实例，渲染并处理虚拟DOM等的代码UMD：UMD版本可以通过标签直接用在浏览器中。CommonJS：用来配合老牌打包工具比如Browserify或w
广告位招租·2023-06-16 10:07

【项目记录】vue项目打包去除console、注释等

webpack.prod.conf.jsnewUglifyJsPlugin({uglifyOptions:{compress:{drop_console:true,//consoledrop_debugger:true,}}})vue-cli3
陪着月亮·2023-06-15 21:47

vue-cli3搭建项目实现移动端自适应----- flexible和 postcss-px2rem

1、安装flexible和postcss-px2remnpmilib-flexiblepostcss-px2rem--save2.在项目入口文件main.js中引入lib-flexibleimport'lib-flexible'3.把目录public/index.html中的这个标签注释！由于flexible会动态给页面header中添加标签4.配置postcss-px2remflexible效果
大大。·2023-06-15 15:53

前端接口请求nginx反向代理

需求说明项目用vue-cli3打包后，部署在nginx上，希望在生产中，请求后端接口时，加上前缀xxx。
月下吴刚_c8c7·2023-06-15 11:51

微前端——vue子项目改造（三）

网上的例子大多是react的就不再写react如何改造，下面介绍vue-cli3的改造`vue.config.js配置1.因为之后我们需要采用sytemjs去加载模块，所以我们需要修改webpack的配置改成输出为
Y_d4ea·2023-06-15 04:13

vue-cli3 一直运行 /sockjs-node/info?t= 解决方案

首先问题是这样的image.pngsockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-cl
冷r·2023-06-14 20:49

配置vue多环境打包；快速配置多环境变量

vue-cli3搭建的项目其实看起来比cli2简单明了很多，官方也有相关文档对多环境变量配置的描述。
YuJingZhou·2023-06-13 02:15

jeecg-boot (vue前端)解决跨域问题

1.设置在vue.config.js这个项目的前端用的vue-cli3设置在vue.config.js里面，不在以前的index.js里面，也没有proxytable参数，现在用的是：devServer
MrJson-架构师·2023-06-12 06:18

vue-cli4封装组件并发布到npm

examples,并添加packages目录,用来存放我们的自定义组件.image.png第三步：手动创建vue.config.jscli默认会启动src下的服务,如果目录名变了,我们需要手动修改配置,vue-cli3
嘤夏影·2023-06-10 18:37

vue-cli3项目npm run build --report不生成分析图

背景vue-cli3下的typescript项目，在build时想要生成分析报告进行性能优化。
偶余杭·2023-06-10 12:07

vue-cli3 展示pdf

这儿用到的是vue-pdf这个组件https://github.com/FranckFreiburger/vue-pdf使用方法1.安装npminstall--savevue-pdf2.遇到个小问题Missingfileextension"vue"for"xxxx"(import/extensions)解决方案2.1.安装eslint-import-resolver-webpackyarnadde
supa同学·2023-06-10 10:32

Nuxt.js配置

image.pngNuxt.js全面配置(持续更新中)其他系列★vue-cli3全面配置目录√初始化项目√环境变量配置√打包分析√提供全局scss变量√按需引入element-ui√配置hard-source-webpack-plugin
web前端攻城狮·2023-06-07 19:21

Vue vue.config.js 的详解与配置

Vuevue.config.js的详解与配置1.为什么要配置vue.config.js由于vue-cli3也学习了rollup的零配置思路，所以项目初始化后，没有了以前熟悉的build目录，也就没有了webpack.base.config.js
蓝胖子的多啦A梦·2023-04-21 03:07

使用vue-cli3初始化一个项目

安装vue2:npminstall-gvue-clivue3:npminstall-g@vue/cli若是安装报如下错误:[email protected]:cross-spawnnolongerrequiresabuildtoolchain,useitinsteadnpmERR!codeZ_BUF_ERRORnpmERR!errno-5运行:npmi
卧槽6662333·2023-04-20 12:37

vue-cli3 如何关闭WS请求问题解决方案

vue-cli3一直运行/sockjs-node/info?
GabeeChan·2023-04-20 03:17

vue-cli3 图片压缩【image-webpack-loader】使用

image-webpack-loader1.下载image-webpack-loadernpminstall--save-devimage-webpack-loader2.在vue.config.js中修改相关配置4M的图片使用默认设置压缩成1.4M，自定义的设置可以更小module.exports={...//默认设置constdefaultOptions={bypassOnDebug:true
长裙猛男·2023-04-19 06:05

vue-cli3 一直运行 /sockjs-node/info?t= 解决方案

首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）如果你的项目没有用到
我的名字就这么长·2023-04-18 17:11

vue-cli3使用gzip解决前端打包资源文件过大的问题

本方案适用于vue-router-history模式的前后端分离项目，前端项目部署在nginx下。环境Node8.11.4Vue-CLI4.xNginx1.15.7安装插件npminstallcompression-webpack-plugin配置vue.config.js先引入插件constCompressionPlugin=require('compression-webpack-plugin
ChasenGao·2023-04-18 04:06

Vue 下载本地静态资源static文件夹

下载;项目需要下载本地的docx文档，文档是放在本地的没有在服务器，所以需要下载本地静态资源文件，开始把文件放在了这里src目录下的assets资源文件下下载报错找不到文件路径查找原因是因为项目用的是vue-cli3
码农键盘上的梦·2023-04-18 03:11

vue开发公共组件并发布到npm

想法已经有了，那就开始着手干吧~~一、搭建精简版（webpack-simple）vue开发模板注：随着vue-cli3的发布，vueinitwebpack/
谦君子丶温如玉·2023-04-17 21:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他