VUE-CLI 第45页

vue-cli的路由配置

vue-cli的路由配置vue-router路由管理路径引用组件：import组件名from组件路径使用router-link标签制作导航：//path是路由配置里面的路径vue-router配置子路由路由嵌套使用时要在父级菜单中使用标签的作用是为子组件提供插入位置

却道海棠依旧_4da8·2023-02-17 09:07

Vue-cli 4.x搭建Vue项目（以及安装electron）

Node版本要求：VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)admin@admindeMacBook-Pro~%node-vv14.8.0安装脚手架npminstall-g@vue/cli查版本是否正确(4.x)：@vue/cli4.5.7官方安装文档：https://cli.vuejs.org/zh/guide/installation.html创建项目（cmd下执行命

月下丶初雨·2023-02-17 07:06

vue+vant自定义主题

最近项目用到了vue和vant，以及自定义vant主题，记录主要步骤点如下：1、首先需要全局安装vue-cli：npminstall-g@vue/cli2、创建vue项目vuecreatemy-app你会被提示选取一个

猫小六不是猫·2023-02-17 06:41

单页应用首屏加载速度慢怎么解决？

常用方法：首屏模块标签标记法统计首屏内加载最慢的图片的时间自定义首屏内容计算法借助第三方工具（pagespeed、vue-cli等等）其实很简单，并不需要我们手动

小靳小盆友i.·2023-02-17 02:19

Vue实战开发

Vue-cli搭建开发环境1.安装vue-cli脚手架mpminstallvue-cli-g2.初始化项目vueinitwebpackAwesomePos3.修改index.html首页服务申报2.0html

郭少华·2023-02-17 00:08

Vue-Cli—05.Vuex简单使用 / 自定义插件 / 自定义指令

一、初始化VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。如果一份数据需要在多个组件中使用，组件间传值又比较复杂，就可以使用vuex托管数据。1、安装npminstallvuex--save2、导入importVuefrom'vue'importVuexfrom'vuex'Vue.use(

萌新g·2023-02-16 21:34

vue打包之后生成一个配置文件修改接口

方法一在vue-cli里把我们需要配置修改的文件直接进行抽离，不让webpack把配置文件进行编译。

O槑頭槑腦·2023-02-07 09:23

Vue-Cli 访问静态文件

版本：D:>vue-V@vue/cli4.5.7目录结构image.png问题：无论如何设置，都无法访问/static的图片，百思不得其解！-解决：找了半天，发现根目录居然有一个/static的文件夹，事实上，vue的静态文件是放在/public/static里的，这个长在根目录下的/static是怎么来的？？？原因未知。这下就好办了，把图片挪到/public/static里，一切正常。结论：/p

Rockage·2023-02-07 05:40

如何发布一个cli脚手架

如react-cli,vue-cli等脚手架工具，能够包裹一些常用的东西，方便开发使用。下面就介绍下cli脚手架如何制作，以制作react-cli为例。

说好的幸福2020·2023-02-06 11:34

vue-cli项目打包出现空白页和路径错误问题

vue-cli项目打包：1.命令行输入：npmrunbuild打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。第一个问题，文件引用路径。

thekings·2023-02-06 07:39

Vue-cli 开发环境跨域代理设置、Vue-cli跨域代理

vue-cli2.0跨域代理设置//config/index.jsconstpath=require('path')module.exports={dev:{proxyTable:{'/api':{target:'http://localhost:8182',//目标域名//target:'http://localhost:9920/',changeOrigin:true,//是否允许跨域ws:t

莫伊剑客·2023-02-06 05:28

VUE中一些操作

随笔，记录一些可能遇见的小操作，以防每次需要另外查找1、Vue-cli从2.9.6版本升级至3.0npmuninstall-gvue-clinpminstall-g@vue/cliyarnglobalremovevue-cliyarnglobaladd

Moryan·2023-02-06 03:21

vue-cli3创建项目

首先输入vue-V，查看自己本地的版本号（vue-cli版本），我在本地已经尝试过安装了，所以我的是3.11.0版本413E6A59-A96A-42A1-84B7-2432A2A2EF91.png还有一种方法是你可以

Freedoom_Afa·2023-02-06 02:40

Vue-Cli 3.x / 4.x

Vue-Cli的升级非常的快，不同的小版本间也有着微小的变化，如果版本不对，很可能导致项目无法启动，这时候我们需要将项目中使用的Cli版本升级到与我们本地【全局】安装的保持一致。//在项目根目录下执行

LazyCat404·2023-02-06 01:42

Electron+Vue配置

项目目录类似：node_modules/out/src/index.htmlindex.js.compilerc.eslintrc.gitignorepackage.json#2建立Vue项目推荐使用vue-cli

平仄_pingze·2023-02-05 08:47

Vue.js学习

安装VUECLI执行命令npminstall-gvue-cli进行全局安装安装Vue-CLI安装后执行vue-V产看版本查看vue版本创建项目vueinitwebpackm

安东尼卡·2023-02-05 06:52

WSL 中的 nodejs 无法监听 80 端口的解决方法

在使用vue-cli启动某个项目的时候，配置设置的是监听端口80，但是最后启动之后监听端口自动变成了1024一开始我以为是哪里配置写错了，于是全局搜索了一下1024这个关键字，但是没发现什么问题然后我开始怀疑是

德川家康薛定谔·2023-02-05 05:32

vue按需加载组件-webpack require.ensure()方法来实现代码打包分离,按需加载

使用vue-cli构建的项目,在默认情况下,执行npmrunbuild会将所有的js代码打包为一个整体,打包位置是dist/static/js/app.

SunShine_2145·2023-02-05 04:13

vite+vue3+scss+ts项目搭建

首先用了一下网上的命令npmi-gcreate-vite-appcreate-vite-appvue3vitecdvue3vitenpminpmrundev真的是超级快，秒搭建好了但是这里就有问题了，比vue-cli

tomrsun·2023-02-05 03:24

VUE-CLI + AntV G6 兼容IE11

阿里的流程图库G6，不兼容IE11。官网有解决方案。https://g6.antv.vision/zh/docs/manual/FAQ/supportIE但我实践下来，有点问题。我的框架是VUE-CLI4.1.11、在Vue.cofnig.js中,module.exports中添加transpileDependencies:["@antv/g6"]2、在babel.config.js中，配置：mo

cinoliu·2023-02-05 03:30

在npm上发布自己的包

一、为了方便创建项目，需要安装vue-cli,使用npm安装！

林木酸瓜·2023-02-05 00:53

vue-cli的ajax请求地址问题

关于vue-cli的ajax请求地址的问题这里api可以更解为公共变量地址，在config的index.js要设置pathRewrite这里的作用，相当于是替代‘/api’，如果接口中是没有api的，那就直接置空

Lin波波·2023-02-04 22:41

vue项目集成eslint超简单

vue项目集成eslint，且实现保存编译时检测，方法有2种：新项目：在用vue-cli创建项目时就配置选择eslint。老项目：进入项目，执行vueaddeslint，然后完成配置。

前端架构师陈龙威·2023-02-04 22:00

Vue插件打包与发布

简单说明一下这个过程，以插件名dialog为例创建dialog目录，并进入运行命令行，初始化项目，生成package.jsonnpminit-y使用webpack-simple模板构建项目基本结构（前提为已自行安装好vue-cli

Terry05·2023-02-04 16:46

从源码分析[email protected]环境变量配置

前言在开始之前，我们先来看下官方文档说明；查看vue-cli文档中有这么一句话：只有以VUE_APP_开头的变量会被webpack.DefinePlugin静态嵌入到客户端侧的包中。

Echi灬丨无痕·2023-02-04 09:04

2018-10-12 vue 脚手架的下载（vue-cli）搭建项目结构

1.安装webpack首先安装淘宝镜像然后安装webpack2.vue.js有著名的全家桶系列，包含了vue-router，vuex，vue-resource，再加上构建工具vue-cli，就是一个完整的

LYH2312·2023-02-04 05:25

使用vue-cli(2.x)开发web的基础(四)-集成使用bootstrap,jquery

建议不要使用bootstrap,首先集成比较麻烦,还需要使用jquery,开发pc端web,可以使用element-ui,iview-ui等开发移动端web,可以使用VUX,Cube-UI参考https://docschina.org集成bootstrap1.安装jquerynpminstalljquery--S然后修改/build/webpack.base.conf.js里两个地方①在文件内容最

Unique_c·2023-02-04 00:19

vue2.6.10+vite2开启template模板动态编译的过程

在从vue-cli迁移到vite2的时候，之前在代码中使用的模板编译遇到了问题：我在项目中会根据后台返回的内容动态渲染，如果返回内容中有等标签，v-html无法识别非html标签，导致图片渲染失败，因此希望通过模板编译的方式

·2023-02-03 13:51

对于组件库的思考及技术梳理详解

当时借助从vue-cli创建的项目，做了修修改改，这样简单的组件库就出来了vvmu

·2023-02-03 13:42

第2讲改造由vue-cli 3.x创建的模板项目

这个简单的模板文件此时还不能满足实际的开发需求，接下来就是对其进行实际的改造以便于我们开发vue项目，首先说明，下文中所有的修改基本上是在src这个主文件夹里进行在src里新增api文件夹，项目里ajax请求都写在这里面，以便于管理在src/assets文件夹，新增img文件夹，新增font文件夹在src里新增directive文件夹，用来放vue的自定义指令在src里新增lib文件夹，并且新增s

喔喔牛在路上·2023-02-03 09:49

现场管理系统-B端

数据已做脱敏处理,不包含报表详细信息关键标签:后台施工管理系统,施工流程监控,物联网数据采集,IOT网关设备,移动端完成数据采集,web后台审核技术栈:Vue-cli,Element-UI,es5,html5

好奇而已·2023-02-03 09:58

vue2和vue3的区别

创建项目首先更新vue-cli到最新版本。

奔跑吧兄弟_凯凯·2023-02-03 06:30

Vue-CLI 的 H5 在手机QQ分享配置的天坑!

官方提供的资料:腾讯移动Web开发平台:15年最后一次更新,可想而知放在如今QQ中调用的准确性！这里面提供了一些QQWebView相关配置的接口,也只是一些接口。官网中提供的“通用API”和“手机QQ”页面中使用的全局对象mqq，引入方式为：，其中就有不少可以配置分享的接口：window.mqq.invoke("data","setShareInfo",{share_url:window.OPEN

ErHu丶·2023-02-03 03:24

vue-cli3修改配置实现多环境打包

文件中添加相应的打包命令image.png3.在vue.config.js文件中修改outputDir参数image.png4.最后可以在项目中根据不同环境使用不用的api地址了image.png关于为什么要这么做请参看vue-cli

rain129·2023-02-03 02:05

vue-cli 3.x 移动端适配px自动转为rem

1.下载依赖npminstallpostcss-pxtorem@5.1.1--save-devnpminstalllib-flexible--save2.在src/main.js中引入import'lib-flexible/flexible.js';3.package.json中配置"postcss":{"plugins":{"autoprefixer":{},"postcss-pxtorem":

冰点雨·2023-02-03 02:12

这可能是vue-cli最全的解析了……

title:这可能是vue-cli最全的解析了……date:2018-06-1710:00:07tags:前端vuevue-cliwebpack题言：相信很多vue新手，都像我一样，只是知道可以用vue-cli

小样吧你·2023-02-02 23:28

vue-cli 常见问题

Vue.config.productionTip=false阻止启动生产消息，常用作指令。开发环境下，Vue会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。(摘于官网说明)大概意思应该就是，消息提示的环境配置，设置为开发环境或者生产环境

SunnyO_o阳·2023-02-02 19:16

创建VUE项目

原因主要是当前环境无法找到vue-cli的路径。可以通过npmconfiglist找到prefix配置路径image.pngprefix配置的路径就是npm全局下载的路径。

牛叉叉的秦神·2023-02-02 14:54

用vite+Vue3+ts搭建通用后台管理系统

点击上方关注前端技术江湖，一起学习，天天进步通用后台管理系统整体架构方案(Vue)项目创建，脚手架的选择(viteorvue-cli)vue-cli基于webpack封装，生态非常强大，可配置性也非常高

zz_jesse·2023-02-02 14:46

vue-cli 2.X webpack配置文件注释

webpack运行流程webpack启动后会从Entry里配置的Module开始递归解析Entry依赖的所有Module.每找到一个Module,就会根据配置的Loader去找出对应的转换规则，对Module进行转换后，再解析出当前的Module依赖的Module.这些模块会以Entry为单位进行分组，一个Entry和其所有依赖的Module被分到一个组也就是一个Chunk。最后Webpack会把

果子煎饼同学·2023-02-02 14:41

一套通用的VUE后台管理系统方案（vite+Vue3+ts）

通用后台管理系统整体架构方案(Vue)项目创建，脚手架的选择(viteorvue-cli)vue-cli基于webpack封装，生态非常强大，可配置性也非常高，几乎能够满足前端工程化的所有要求。

前端达人·2023-02-02 14:37

vue-config.js配置 vue-cli3.0

vue-cli配置参考module.exports={//部署应用包时的基本url。

菜鸟搬砖·2023-02-02 08:00

nodeJs 服务器以及中间层实践（三）

用vue-cli初始化一个vue项目。自己添加vue.config.js,安装配置axios,配置前端代理proxy代理1.简单的在app.vue中写写样式和组件。主要来看看访问接口：访问接口运行客户

bartflyian·2023-02-02 04:32

vue基础

常用插件vue-cli快速构建vue项目的脚手架工具安装并构建项目1.npminstall-gvue-cli2.选择webpack模板搭建vue项目：vueinitwebpackcartool3.启动项目进入

沐晓黑·2023-02-02 02:18

2019-12-02 vue脚手架搭建

#全局安装vue-cli$cnpminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#这里需要进行一些配置，默认回车即可

欢喜_94a4·2023-02-01 22:21

websocket实现一个聊天室

整体架构前端：vue-cli搭建+w

伊泽瑞尔灬·2023-02-01 20:23

vue+echarts数据可视化大屏开发--小白基础入门篇(react中同理)

安装引入依赖为开发做准备这里对vue不做详细介绍，默认你已经掌握了vue相关知识并具备开发经验相关版本说明vue:2.6.12,vue-cli:4.5.9第一种方式：直接

你好！YOYO·2023-02-01 16:58

Vue-cli ElementUI 的使用

饥人谷1904_陈俊锋·2023-02-01 13:21

【无标题】

1、模板下载：uniapp官网通过vue-cli命令行创建uniapp，参考uni-app官网，使用npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project

Gordon-Liu·2023-02-01 11:38

vite基本配置教程

vite官网文档网址：https://vitejs.cn1.新建viteconfig.js文件一般在vue-cli项目中会有一个vueconfig.js文件，里面会有webpack配置；那么新建一份viteconfig.js

不爱吃糖的程序媛·2023-02-01 11:07

推荐频道

VUE-CLI