cli3

vue cli3 进行 build 后 查看白屏

执行下面的命令，执行打包yarnbuild/npmrunbuild生成一个dist文件夹，查看dist下的index.html后页面白屏，产生问题的原因是：文件路径没有匹配到。下面是解决办法：第一滴血FirstBlood项目根目录下新建：vue.config.js/*eslint-disableprettier/prettier*///vue.config.jsmodule.exports={pu
jw_fc89·2023-08-13 13:56

vue 卸载cli2 安装 cli3 可视化配置

过完年以后，就发现cli3出来了，还搞了疾霸玩意可视化图形界面，为的是减轻webpack配置的难度，那老子年前花了一个月去适应cli2的各种配置，现在想想真是狗血，鱿鱼大大，慢点更，智力跟不上了!
崩鲨卡拉卡·2023-08-11 18:03

解决vue cli3脚手架+elementui组件在线上icon乱码问题

1、下载依赖css-unicode-loader和sass-loadernpminstallcss-unicode-loader--save-devnpminstallsass-loader--save-dev2、在vue.config.js中配置//解决打包线上icon乱码问题configureWebpack:config=>{config.resolve.alias['@']=resolve(
black方块cxy·2023-08-05 02:29

vue cli3脚手架之适配ie浏览器，即es6转换为es5语言

1、babel.config.js里面修改为module.exports={presets:[['@vue/app',{useBuiltIns:'entry'}]]};2、在vue.config.js里面增加//publicPath:process.env.NODE_ENV==="production"?"./":"./",//默认情况下babel-loader会忽略所有node_modules中
black方块cxy·2023-08-05 02:59

学习记录——Vue 代码如何进行断点调试

【Vue小技巧】_哔哩哔哩_bilibilivue官方文档：在VSCode中调试|Vue.js1、添加配置：cli2在config/index.js中:devtool:'source-map',cli3
楸楸楸呀·2023-08-03 08:38

vue cli3=>vue cli2桥接

vuecli3=>vuecli2桥接1.先安装npminstall-g@vue/cli2.再安装npminstall-g@vue/cli-service-global3.最后安装桥接npminstall-g@vue/cli-init//2.xvueinitwebpackmy-project//3.xvuecreatemy-project
一只正在成长的程序猿·2023-07-30 19:52

@vue/cli3项目下，图片等静态文件引入问题

本文为作者原创，转载使用请附上原文链接在使用@vue/cli3构建项目下，图片等静态资源引入问题往往遇坑，下面就对这些问题进行梳理并解决。
iamEli·2023-07-29 13:04

vue cli3 多页面应用build打包优化

随着页面应用开发，打包体积越来越大，特别是对多页面应用，体积过大导致用户首次加载特别慢，给用户带来极不好体验。优化打包文件体积，从以下几方面入手；1，利用uglifyjs-webpack-plugin压缩代码//代码压缩constUglifyJsPlugin=require('uglifyjs-webpack-plugin')vue.config.js配置//代码压缩config.plugins.
十八里8837·2023-07-26 04:18

Vue Cli3安装

VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x)，你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。Node版本要求VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多个Node版本。可以使
Jolly_z·2023-07-14 14:13

vue cli3 使用less变量（Variable xxx is undefined）

less、less-loader的版本号不同，会报奇怪的错误最终！我选用的版本[email protected]、[email protected]初始化构建项目时，自定义选择使用less作为css预处理器之后，就会默认安装less、less-loader，并且直接可以在组件中正常使用嵌套结构书写css了。但是，当我们需要使用less变量时，比如下面的情况一、我新建了一个common.less文件
Unique·Blue·2023-06-24 10:27

vue cli3 + AMap

1.项目引入AMapvue.config.jsconfigureWebpack:{externals:{'AMap':'AMap'}},configureWebpack配置中加入AMap项2.按需生成script创建Map.jsexportdefaultfunctionMap(key,plugins,v='版本号'){returnnewPromise(function(resolve,reject
fronter·2023-06-21 19:31

vue cli3 区分开发环境，测试环境，正式环境

1.在根目录下新建.env.xx(xx可以是自己取的用来区分这三个环境）下面是我新建的，分别对应测试环境，开发环境，正式环境image.png2.配置测试环境：测试环境和正式环境一样都是需要打包所以NODE_ENV都是'production'，VUE_APP_FLAG是我们自己取的用来区分环境的变量，为了和正式环境打包完的dist区分，我们指定测试环境的输出目录outputDirNODE_ENV=
一包·2023-06-19 15:21

cli3 父子组件传值

1.建立父子组件2.1props/$emitprops父组件向子组件传值：app.vueimportMParentfrom'./views/Parent.vue'exportdefault{components:{MParent,},}Parent.vue：通过v-bind将值传到子组件ParentimportMChildfrom'./Child.vue'exportdefault{compone
smiledawen·2023-06-13 09:53

cli3 非父子组件传值

这里，App.vue中，引入了parent组件；parent组件中引入了child组件。现在要从app.vue，向child组件传值。主要文件：1.通过事件总线传值1.src->util->bus.js//通过util中的bus，完成两个组件之间的数据传递importVuefrom'vue'exportdefaultnewVue2.app.vue，通过bus.$emit触发事件go!importM
smiledawen·2023-06-13 09:53

kata container社区进展

2、初期的runtime已经被加入cli3、随着
marshalzxy·2023-04-21 03:32

关于VUE CLI3中路由配置遇到的问题Unknown custom element: - did you register the component correc...

MAIN.js中引入了自己配置的路由文件，但是路由文件中没有引用对应vue-router，本次报错的解决方法如下：在路由文件加上红框的两行代码，报错消失了~在
Karman_5465·2023-04-20 04:39

【JavaScript】Vue CLI3创建typescript项目

关于旧版本旧版本VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x)，你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载。Node版本要求VueCLI(3.x或4.x)需要Node.jsv8.9或更高版本(推荐v10以上)。查看CLI版本vue-V或vue--version查
level·2023-04-18 14:23

vue-cli3 脚手架搭建项目

安装完成后，输入以下命令测试是否安装成功2、安装vue-cli3.01）、npminstall–g@vue/cli或者yarnglobaladd@vue/cli2）、指向的vuecli3是因为上一次记录过的cli3
Ht_何甜·2023-04-17 14:40

解决：vue cli3:Invalid Host/Origin header error @client

vuecli3:InvalidHost/Originheadererror@client解决办法：项目根目录下创建vue.config.js,添加配置如下：//vue.config.jsmodule.exports={....devServer:{disableHostCheck:true}}
林遇66·2023-04-17 06:05

vue cli3的文件结构没有了static文件 静态资源放置和引用（a标签 打开预览本地文件的坑）

cli3不同于cli2有static文件来放置静态资源，但是有public文件就是来放本地的静态资源的，有个需求是打开预览本地的pdf文件，最简单做法就是a标签target="_blank"新页面打开本地
绝壁不秃老陈头·2023-04-13 21:18

vue 2.0 学习 - 新建项目

vue-restassured然后使用命令切换到该目录输入：vueinitwebpackrest-assured-test(意思是以webpack为模板创建一个叫rest-assured-test的项目，CLI2用init，CLI3
azhang190426·2023-04-11 15:05

2020-05-13vant定制主题 vue cli3

第一步：//在babel.config.js中配置按需引入样式源文件module.exports={plugins:[['import',{libraryName:'vant',libraryDirectory:'es',//指定样式路径style:name=>`${name}/style/less`},'vant']]};第二步：修改样式变量//在vue.config.js中修改样式变量css:
龙江楷·2023-04-11 00:47

Typescript基于vue cli3中一些常见的写法

vue-property-decorator的装饰器的使用@Componentimport{Component,Vue}from'vue-property-decorator';@Component({//Component组件装饰器，用于增加一些全局的配置，比如过滤器filterscomponents:{//components里面放一些全局的组件，引入子组件后写在这，跟vue中的compone
萍萍魏·2023-04-10 19:32

专访Vue作者尤雨溪：Vue CLI 3.0重构的原因

CLI3对此的解决方案是通过插件的形式去支持多个不同的功能，一个插件对应一个功能（比如单元测试），这样即避免
老王420·2023-04-09 09:03

vue版本知识搜集

2022-05-02一、vue-cli234差别很大cli2、cli3可以搭建vue2项目；cli4可以搭建vue2和vue3项目2与4，从两个新建的项目目录结构来看，差别很大：VueCLI4新建的项目
静心安分读书·2023-04-09 08:05

vue-cli 创建的项目vue.config.js文件配置assetsPublicPath

./'}}2.vue-cli3.x版本在cli3中assetsPublicPath属性被baseUrl取代，只需要在vue.config.js添加baseUrl属性设为‘./’即可module
高阳刘·2023-04-03 05:27

vue动态换肤（elementui+webpack-theme-color-replacer）

好了，废话不多说，直接上代码image.pngvue/cli3脚手架下载下来后，改动这几个文件。
裸泳的小熊·2023-04-02 03:00

vue cli3离线使用指南

在内网离线环境下，使用vue-cli3搭建项目1.在互联网环境搭建NexusRepositoryManager3的NPM私服，下载相应的包；2.将NexusRepositoryManager3所在文件夹整体迁移到内网环境中，启动私服服务；3.配置私服地址vueconfigsetregistryhttp://IP:8081/npmconfigsetregistryhttp://IP:8081/4.修
王顼·2023-03-27 22:21

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

iframe会存在能耗、安全问题，有时还是会用到问题在cli3中使用iframe，总显示#app页面内容，src中设置的路径不起作用解决方法将要引用的页面移动到public文件夹中且路径不是用../..
装装_1ad7·2023-03-27 10:21

Vue-1 Vue cli3 多页面配置

1准备工作1.1先查看版本[email protected]:\ProgramFiles\nodejs\node_modules\npmvue-Vvue==3.11.01.2创建项目vuecreatetemplates会创建一个名为templates的项目目录结构为：初始结构.pngnpmrunserveApprunningat:-Local:http://localhost:8080/-Networ
一颗数据小白菜·2023-03-22 20:47

Typescript + vue cli3中使用echarts

1.下载依赖同时下载echarts和ts版的echarts(@types/echarts)，一个是工程依赖，一个是声明依赖。npminstallecharts--savenpminstall--save@types/echarts2.在项目根目录下创建shims-echart.d.ts文件image.png然后在文件里面写如下代码importVuefrom'vue';declaremodule'v
泡杯感冒灵·2023-03-22 12:13

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

网上关于cli3中vue.config.js的配置有很多，能满足各种需要。
AbelLJ·2023-03-21 19:06

Vue 之 less / scss 全局自动导入

前言基于cli3，配置less/scss全局自动化导入，官方文档提供了3种方式作自动化导入。
pruple_Boy·2023-03-21 11:29

vue cli3 web端自适应 px自动转换rem

1、安装flexible库```npminstalllib-flexible```2、在项目入口文件main.js里引入lib-flexible```import'lib-flexible'```3、配置meta标签在index.html文件当中（有的已经是有的，就不用修改了）``````4、安装px2rem工具```npminstallpx2rem-loader```5、配置vue.config
Eudemonia_C·2023-03-20 11:31

vue-cli搭建项目学习

1、安装nodenode官网下载安装2、安装vue-clinpminstall-g@vue/cli3、打开终端，进入文件夹npmcreateproject//创建项目project，点击enter继续4
EO_eaf6·2023-03-13 07:28

VUE开发--NPM组件开发

src\examples用作示例展示src\packages用于编写存放组件3.项目配置注：cli3提供一个可选的vue.config.js配置文件。
无剑_君·2023-03-13 04:44

vue/cli3项目运行报错sockjs-node/info解决方案

bug复现  继上次将vue项目脚手架工具从vue-cli2.x升级到vue-cli3.x后，除了环境、配置问题外，在运行时出现了一些个新的问题。  启动项目后，在内网非本机运行项目时，控制台报错如下：gethttp://localhost:8080/sockjs-node/info?t=1462183700002net::ERR_CONNECTION_REFUSED[WDS]Disconnect
流眸Tel·2023-02-18 08:07

vue cli3/cli4 vant-ui样式出不来的问题

原文链接：https://blog.csdn.net/u014678583/article/details/105558791?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_rel
泊多前端·2023-02-17 20:56

vue cli3打包部署，浏览器缓存问题

问题：每次部署后，页面不更新总是有缓存问题。解决中心思想：在打包文件的文件名中添加一个版本号。方法：在vue.config.js中添加以下代码，vuecli3.x生成的项目默认没有这个文件，需要自己在根目录创建，和package.json同级。代码块constTimestamp=newDate().getTime();module.exports={publicPath:'/discovery/'
剑圣_盖小聂·2023-02-05 19:35

vue cli3 移除 typescript

删除依赖yarnremove@vue/cli-plugin-typescriptyarnremovetypescript将所有TS文件改为js文件即可
文句大嫌·2023-02-02 01:06

vue cli3项目打包部署到tomcat服务器运行

步骤：一、找到文件vue.config.js，没有则自己创建一个image.png二、编写vue.config.js的内容image.pngmodule.exports={outputDir:'default',assetsDir:'static',publicPath:'',devServer:{host:"127.0.0.1",port:8080,https:false,open:true},
笑才·2023-01-31 11:43

【Vue cli3】 Missing file extension "vue" for "xxxx" (import/extensions) 解决方法

1.引入eslint-import-resolver-webpackyarnaddeslint-import-resolver-webpack2.在.eslintrc.js里边settings:{'import/resolver':{webpack:{config:'node_modules/@vue/cli-service/webpack.config.js',},},},rules:{'imp
藏器待时·2023-01-31 05:52

Springboot+Vue 后台管理项目

nodejs.org/zh-cn/自带npm包（管理依赖的）1、管理员命令窗口查看版本node-vnpm-v2、安装vue插件D:\springboot+vue框架>npminstall-g@vue/cli3
Laygel·2022-10-23 19:38

eggjs+vue+mysql增删改查demo

注：点击下载demo------》egg+vue+mysqlv1.0.0版demo1、vue用的2.6，cli3框架，没集成typeScript,下次再上传新版本在考虑下要不要集成（是cli3文件里备注错了
雪狼之夜·2022-10-17 12:34

vue.config.js —— vue/cli 3 脚手架的 webpack 配置文件

vue/cli3的脚手架去掉了vue-cli2的webpack.dev.config.js的webpack配置文件，如果想要在vue/cli3中配置webpack，就需要在项目的根目录下添加vue.config.js
牧羊狼的狼·2022-10-17 11:20

vue cli3生成html,vue cli3超详细创建多页面配置

1.首先按照vuecli3给的入门文档下载个vuecli3如果之前下载了vuecli2的要先卸载之前的2.检查安装是否成功3.ok，现在环境搭建好了，新建项目vuecreatehello-world你会被提示选取一个preset，选你需要什么模块呢？你可以选default(默认)的包含了基本的Babel+ESLint设置的preset，也可以选Manually("手动选择特性”)来选取需要的特性。
赵阿Q·2022-10-13 21:09

如何创建一个vue项目（详细步骤）

检查是否安装成功：如果输出版本号，说明我们安装node环境成功二、搭建vue环境1、全局安装@vue/cli推荐下载地址：https://cn.vuejs.org/2、在命令行输入npminstall-g@vue/cli3
黑taoA·2022-08-11 09:20

vue cli3配置image-webpack-loader方式

目录vuecli3配置image-webpack-loader使用image-webpack-loader压缩图片报错vuecli3配置image-webpack-loadervuecli3配置image-webpack-loader对图片进行压缩优化安装npminstallimage-webpack-loader--save-dev配置vue.config.jschainWebpack:conf
·2022-07-29 13:16

如何创建一个vue项目（详细步骤）

检查是否安装成功：如果输出版本号，说明我们安装node环境成功二、搭建vue环境1、全局安装@vue/cli推荐下载地址：https://cn.vuejs.org/2、在命令行输入npminstall-g@vue/cli3
嗯嗯好的呢！·2022-06-23 10:00

vue中使用postcss-px2rem的两种方法

(下边的方法适用于使用cli2脚手架搭建的项目,现在好多数项目使用cli3搭建,我在后边的文章中增加了vue使用rem实现移动端屏幕适配).)如何使用：1.安装npmipostcss
·2022-05-15 12:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他