@vue-cli3 第4页

使用vue-cli3 搭建一个vue项目

通过vue-cli脚手架工具搭建一个vue项目首先安装npm可自行去官网下载，打开命令台，输入node-v检查是否安装成功。国内npm速度可能比较慢，可以切换taobao镜像安装npmnrm-g，命令台输入nrmls查看可使用的源nrmusetaobao（选择使用taobao镜像）安装vue-clinpmi@vue/cli-g安装完成之后输入vuecreatevue-test创建一个vue项目选择

我不听故事丶aaaaaa·2023-09-10 12:57

vue 项目代码混淆配置（自定义插件适用）带配置项注释

文章目录vue项目代码混淆配置（自定义插件适用）带配置项注释一、概要二、混淆步骤1.引入混淆插件2.添加混淆配置3.执行代码混淆vue项目代码混淆配置（自定义插件适用）带配置项注释一、概要本文章适用vue-cli3

棒棒的唐·2023-09-09 08:37

vue.config.js 配置

vue-config-js配置参考vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建image创建vue.config.jsvue.config.js是一个可选的配置文件

随风_d6a2·2023-09-08 10:02

vue-cli3打包IE白屏解决方案

wendaoliu·2023-09-08 08:45

vue-cli3以上框架解决跨域问题

事实上，3以上的版本安装好以后没有主配置文件，它不像2的版本有专门的config文件夹可以处理配置，所以我们需要新建vue.config.js【默认情况下，3以上的版本可以直接识别这个js文件，把它当做自己的配置文件】步骤如下：1、在项目框架的根目录下新建文件：vue.config.js2、重启项目，这样的话新建的文件就可以被识别了3、给新建的文件内添加解决跨域的代码部分module.export

弦生_a3a3·2023-09-08 04:21

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）如果你的项目没有用到

华华00526·2023-09-08 02:55

vue-cli2、vue-cli3脚手架详细讲解

前言：vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面（SPA）环境配置的工具，cli就是(command-line-interface)命令行界面。vue-cli是基于node环境利用webpack对文件进行编译、打包、压缩、es6转es5等一系列操作。目前vue-cli已经升级到了3.0版本，3.0所需的webpack版本是4.xxx，2.0版本目前也很流行,2.0所需的

汪源涛·2023-09-07 23:19

vue-cli3项目本地启用https,并用mkcert生成证书

在项目根目录下的vue.config.js文件中：//vue.config.jsmodule.exports={devServer:{host:'dev.nm.cngc'//此处开启https,并加载本地证书（否则浏览器左上角会提示不安全）https:{cert:fs.readFileSync(path.join(_dirname,'./cert.crt')),key:fs.readFileSyn

L-weixin-45629194·2023-09-07 09:05

vue-cli3 在template中使用动态图片地址

:style="{backgroundImage:'url(../../assets/images/'+item.icon+')'}"这种写法引入图片不生效:style="{backgroundImage:'url('+require('../../assets/images/'+item.icon)+')'}"使用require引入

Aklan·2023-09-06 11:18

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

1、安装sass-resources-loader//安装最新版本npmisass-resources-loader--save-dev//安装指定版本[email protected]在package.json的devDependencies中看到sass-resources-loader即安装成功ps：官方最新版本是2.2.3，他是支持到webp

愤怒的牛牛·2023-09-04 06:45

vue-cli2、vue-cli3配置babel 兼容低版本

配置babelBabel是一个工具链，主要用于将ECMAScript2015+版本的代码转换为向后兼容的JavaScript语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是Babel能为你做的事情：语法转换通过Polyfill方式在目标环境中添加缺失的特性(通过@babel/polyfill模块)源码转换(codemods)众所周知，解决兼容性问题的关键就是，低版本浏览器不兼容E

Candy529629·2023-09-02 18:35

vue-cli3 css引入背景图片不显示问题

很奇怪，在本地执行代码，是显示正常的，但打包后，图片却不显示，F12之后，看出路径多了个css，例如：http://localhost:8080/css/image/bg.png但我本地路径是http://localhost:8080/image/bg.png百度了许久，都说是在build->utils.js里修改：增加如下内容可是我并没有build文件，只有vue.config.js，但查看了官

月下脆竹書閣·2023-09-02 09:28

vue-cli3使用vue ui可视化工具创建的项目热更新失效

最近被一个问题困扰很久，vue-cli3使用vueui可视化工具创建的项目热更新失效，之前没有遇到过这种问题，直到在浏览器控制台上看到报错信息：[WDS]Discontented！

师方玺·2023-08-31 02:26

vue项目上传Github预览

注意事项：以下配置基于vue-cli2，因为vue-cli3之后，由于好多文件已经内置，因此需要查阅官网和网上资料再进行操作！一、修改配置解决文件路径问题：打开项目根目录config文件夹下的in

飞天小猪_pig·2023-08-30 15:55

vue-cli3引入svg图标全过程以及遇到的坑

一、讲原理svg-sprite，和css-sprite有点像，就是先把所有的svg图放页面上，但是不现实，用的时候去取。这个时候去MDN补一下知识。Symbol这个不是es6里的那个新增的数据类型，而是SVG中的一个标签https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/symbol官方说法：symbol元素用来定义一个图形模板对象，它

Army-海军·2023-08-30 10:49

vue-cli3 中 pont 的使用（持续更新中）

快速流程准备：1，在vscode中安装vscode插件pont以获取pont的全部能力；2，全局安装pont-engine：//npmnpmi-gpont-engine//或yarnyarnglobaladdpont-engine3，在你的项目中运行pontstart命令，按照提示输入配置即可。配置成功后，项目中自动生成pont-config.json文件和services文件夹（接口数据）以及m

WEB小晶·2023-08-29 12:24

webpack打包最强优化

项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。

xingyunwei1·2023-08-26 20:48

Ant design Vue在Vite项目中如何自定义主题

笔者在AntDesignVue文档中没找到关于在Vite项目中自定义主题的配置，经过一番研究发现与Vue-cli3配置大同小异便随手记录下来。

潘鹏i·2023-08-24 15:30

Vue-cli3 通过配置 public 目录下的 config.js 和config.json 实现一次编译，修改生效

文章目录1.背景2.配置步骤3.小结1.背景最近实施部门，有个需求就是研发人员通过vue写完代码，yarnbuild编译完成代码后，移交实施，通过修改public文件夹下的config文件来实现修改，请求后台的requestUrl和titile的功能。由于在代码里配置后，yarnbuild后会压缩js导致，修改配置不方便。故经过我长期的研究总结出了一套可以完美从开发环境迁移到nginx部署的方案。

风随心飞飞·2023-08-23 16:46

Ant-Design-Vue定制主题

因为我是基于vue-cli3的框架所以，这个方案只适合vue-cli3。

锋叔·2023-08-21 17:18

vue初学习笔记--01

（该文章整理于网络，仅用于学习记录，如有侵权，请联系删除）一.脚手架搭建（vue-cli3）：#installvue-cli$npminstall-gvue-cli//全局安装，将vue变成一个命令行中的命令

codest·2023-08-21 03:07

[email protected] 使用及配置说明

使用vue-cli3已经有相当一段时间了，一直没怎么去注意其中的配置，所以趁着这段时间总结下应用过程中的一些经验，本文是从安装到开发使用的一个过程讲解，也可以说是新手向的文章，文字有点多，请耐心观看。

Echi灬丨无痕·2023-08-20 16:16

vue-cli3开发组件库，并上传到npm

步骤链接：https://blog.csdn.net/xingchen678/article/details/102718614问题总结：当出现403问题的时候有各种可能错误，1.可能是npm库中已经存在这个name，需要在packages.json中修改2.你之前已经发布过一次，初次版本为0.1.0，想再次npmpublish时候需要版本+1，在packages.json中0.1.1累加即可当你

拾钱运·2023-08-19 17:40

vue-cli3中引入postcss-px-to-viewport插件

npminstallpostcss-loaderpostcss-px-to-viewport--save-dev因为插件的配置选项中有个exclude选项，它的值只支持正则表达式，但是正则表达式再json中是不允许的，所以不要配置在package.json中，要配置在vue.config.js里module.exports={devServer:{port:8080,disableHostChec

zhengdahan·2023-08-18 16:44

eslint Stage 2 decorators disallow object

vue-cli3默认支持decorator语法。

岚枫丶·2023-08-18 02:24

使用 Vue 脚手架，为什么要学 webpack？

它们是Vue-cli2和Vue-cli3创建项目的两个命令，之所以两个命令不同，根本原因是Vue-cli2是基于webpack3，而vue-cli3是基于webpack4的。

前端人·2023-08-17 21:44

Vue-cli3.0+Cesium快速构建Demo

说在前面：本文章包含nodejs，vuejs，vue-cli3，Cesium等环境安装node、vue和vue-cli3.0具体参考Vue爬坑之路（一）——使用vue-cli搭建项目Vue爬坑之路（十二

alanwhy·2023-08-17 04:28

vue-cli3本地模拟数据之接口封装（二）

上一章节我已经介绍了如何在vue-cli3脚手架中模拟本地数据，但在实际开发中我们不仅要能够本地模拟数据，而且也要合理的管理我们的请求的API，这样有利于今后的查看以及更改。

蒋蒋_dbfe·2023-08-16 22:14

vue cli3 babel 配置移除严格模式插件 babel-plugin-transform-remove-strict-mode

vue-cli3没有webpack.config.js文件，想配置插件找不到地方，解决方案如下：第一步安装cnpmibabel-plugin-transform-remove-strict-mode-D

华山令狐虫·2023-08-16 20:18

axios拦截器配置

以下例子是在vue-cli3下的配置axios.create()//创建axios的一个实例,该实例有get和post的方法process.env.VUE_APP_URL如果是开发环境,它的值是根目录下

胡儒清_前端那个老胡·2023-08-16 14:04

vue-cli3搭建项目之webpack配置

转自：https://blog.csdn.net/u014440483/article/details/872671601.在项目根目录下新建vue.config.js文件与package.json同级官方文档constpath=require('path');letdevelopmentPath='./';//开发环境-npmrunserve时引用文件路径letproductionPath='.

北觅_小太阳·2023-08-16 12:43

vue+px2rem实现pc端大屏自适应(rem适配)

配置前言项目构建：基于vue-cli3构建，使用postcss-px2rempx2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将

木易先生灬·2023-08-16 06:30

vue-cli3创建项目事故一

我用vueui创建项目选择了配置后一直不成，之创建了文件夹以及一个package.json文件然后就用vuecreate创建，还是继续选择配置，然后就提示了这个报错UnexpectedendofJSONinputwhileparsingnear'...{"node":">=0.10.0"}}百度一大把这个问题，看的很糊，最终找到一个解决方法，有步骤的，就按照这个一顿操作解决方式：清除npm的缓存，

啊柒柒柒·2023-08-15 08:19

antd vue 在 vue.config.js中自定义主题颜色（定制主题、vue-cli3）

我在自定义less变量时，less、less-loader的版本号不同，会报奇怪的错误此篇，定制主题也会根据版本号报不同的错误最终！我选用的版本[email protected]、[email protected]这篇也基于[email protected]、[email protected]进行定制主题操作一、vue.config.js文件module.exports={//增加这部分代码css:{requireModul

Unique·Blue·2023-08-15 07:52

对于vue-cli3下引入mint-ui时候报错mintuiYou are using the runtime-only build of Vue where the template comp...

这个错也是搜了很多方法报错解析：就是你现在当前的vue项目，只包含运行时，并没有编译器，所以报错可以参照官方文档【运行时+编译器vs.只包含运行时https://cn.vuejs.org/v2/guide/installation.html#术语，其实整个vue的项目并不是自己写的，都是vue/cli脚手架搭建的，那么构建那块的东西都是使用vue/cli默认的配置，那么我们就应该去vue/cli会

Susie_53b5·2023-08-13 17:38

用 vant 定制主题

vue-cli3使用vant定制主题方法参考链接:https://youzan.github.io/vant/#/zh-CN/theme(一)创建我的主题样式文件拷贝vant默认配置样式到项目制定目录,

北冥有鱼_425c·2023-08-12 07:29

vue-cli3 vue.config.js中如何配置loader

vue-cli3vue.config.js中如何配置loader该配置方法可以配置多个loader，代码如下1.方法一module.exports={chainWebpack:config=>{config.module.rule('expose1').test(require.resolve('jquery')).use().loader('expose-loader').options("jQ

小李不小·2023-08-11 06:14

vue-cli3项目浏览器兼容问题，在低版本系统中白屏

vue-cli3项目浏览器兼容问题，在低版本系统中白屏vue-cli3中自带babel-polyfill，会将es6语法转化成es5语法。但是如果依赖中有es6，polyfill是不能检测出来的。

lancnn·2023-08-10 22:32

vue-cli3 配置笔记

vue-cli3，在配置上看似简单但是给后来对开发带来很大对问题，修改起来也相对不容易。

马贞晓·2023-08-10 13:39

vue-cli3中Mint UI全局和按需引入

cdn浏览器引入方法在vue中引入的方法安装npmimint-ui-S方法一、全局引入,方法二、按需引入安装babel-plugin-componentnpminstallbabel-plugin-component-D在babel.config.js中配置plugins:[["component",{libraryName:"element-ui",styleLibraryName:"theme

RxnNing·2023-08-09 08:00

vue-cli3 配置 postcss-pxtorem

个人项目中踩坑：使用lib-flexible配合postcss-pxtorem无法正常使用；postcss-pxtorem版本6.0.0太高导致报错问题；适配方案：postcss-pxtorem搭配rem.js文件，具体步骤如下。安装[email protected]修改package.json文件"postcss":{"plugins":{"auto

vonson·2023-08-09 00:52

elementUI el-input 获取焦点 focus

$el.querySelector('input').focus();参考elementUIel-inputfocus全局注册自定义指令在vue-cli3中main.js中自定义指令importVuefrom'vue'importAppfrom

qq_43351249·2023-08-08 01:44

推荐频道

@vue-cli3