Vue-cli 第11页

前端开发工作中遇到的一些问题及解决方法

问题1、vue路由history模式刷新页面出现404问题解决方法：在nginx中做如下配置，即可解决（vue-cli官方解决方案：https://router.vuejs.org/zh/guide/essentials

一颗小芹菜的日常·2023-11-26 22:59

通过vue/cli创建vue3项目

安装nodejs：nodejs：win10安装为保证版本，建议先全局卸载vue-cli：npmuninstallvue-cli-g安装vue3.x：npminstall-g@vue/cli查看当前版本：

玩转测试开发·2023-11-26 10:58

vue开发中遇到的问题以及解决方案

一:vue-cli的proxy代理解决跨域问题前端开发中难免会遇到Ajax请求和服务器不同源的问题,使得Ajax请求回来的响应被浏览器拦截,从而报错,想要避免应为跨域问题影响我们前端项目开发的进度,我们在开发中可以使用

只昂张327·2023-11-26 04:11

学习vue-router以及遇到问题解决记录

学习vue-router之前开发移动端用的是uni-app，它里面自带路由，但随着学习不断的深入接触vue的另一个插件vue-router，写下这篇记录：本人使用的是vue-cli加vue-route在建立

小庄梦蝶·2023-11-26 04:10

Vue2.0中配置axios并使用

1.在vue-cli项目中IDEA中左下角点击Terminal2.cd进入当前项目中安装axios,命令如下:npmiaxios-S3.src目录下新建utils包,包下建request.js用来封装axiosrequest.js

ywp2021·2023-11-26 04:04

vue通用后台管理系统（一）

目录一、脚手架的搭建1.yarn和npm对比1.1npm的缺点1.2yarn的优点1.3Yarn和npm命令对比2.vue-cli搭建的详细过程2.1安装node和npm2.2安装vue-cli2.3使用vue-cli

见花则喜·2023-11-26 02:36

使用@vue-cli初始化项目

重新安装重新安装(这步骤有的朋友可以选择先行跳过)因为之前处理报错的时候把@vue/cli运行不了就重新安装在这里也遇到了一个点一直删除不干净首先是你的版本高于3.0（vue-cli≥3.0+)npminstall

xxv_1996·2023-11-25 20:29

vue配置之-webpack.prod.conf.js

本文系统讲解vue-cli脚手架build目录中的webpack.prod.conf.js配置文件这个配置文件是webpack生产环境的核心配置文件由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解

song854601134·2023-11-25 19:45

使用vue-cli(脚手架)搭建项目的基本流程

基本配置流程：1，安装vue脚手架npmi@vue-cli-g(新电脑只需要装一次)2,初始化一个vue项目：vuecreate项目名称3,运行项目npmrunserve，能够看到页面就成功初始化了一个项目4,建立项目的目录结构：src：源代码；package.json:下载的包和插件的文件、以及运行的命令之类；node_modules:第三方包存储目录,src下的所有目录都需要知道。5,建立vi

北冥有鱼_425c·2023-11-25 18:31

Vue CLI的UI界面（可视化操作Vue项目）

二、打开Vue-Cli的UI界面在已经打开了gitb

前端吕小布·2023-11-25 17:42

Vue-cli自动安装Element-UI

Element-UI介绍官方文档：http://element-cn.eleme.io/#/zh-CN/component什么是Element-UIelement-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js2.0的桌面组件库，而手机端有对应框架是MintUI。整个ui风格简约，很实用，同时也极大的提高了开发者的效率，是一个非常受欢迎的组件库。安装Element

清风木子云·2023-11-25 17:06

vue-cli中的webpack配置

本文转载自：https://www.cnblogs.com/libin-1/p/6596810.html作者：libin-1转载请注明该声明。编辑模式下显示正常，打开的时候不知道为啥排版有问题。segementfalut链接在这里版本号vue-cli2.8.1(终端通过vue-V可查看)vue2.2.2webpack2.2.1目录结构├──README.md├──build│├──build.js

w36680130·2023-11-25 12:53

Nodejs使用webpack或vue-cli搭建vue项目

Nodejs搭建vue项目一、下载后基本配置1、安装cnpm以及全局二、webpack工程三、vue-cli工程四、解读1、项目根目录中的文件2、public文件夹3、src文件夹五、总结六、遇到问题1

李长渊哦·2023-11-25 12:58

第十九章 webpack5项目搭建Vue-Cli(合并配置)

对于Vue-Cli的合并配置，我们使用webpack.prod.js进行改造。

天界程序员·2023-11-25 12:52

vue-cli中配置环境变量

使用环境变量可以实现在不同环境中根据不同的情况自动切换基地址场景:在项目开发的不同阶段，很可能要请求不同的基地址，例如：在开发阶段，ajax请求要发到地址a；在上线之后，ajax请求要发到地址b端口配置vue-cli

Outlier_wei·2023-11-25 12:48

vue2项目从0搭建(三):配置环境变量及对应的webpack配置

vue-cli环境变量配置在vue-cli

青阳流月·2023-11-25 11:44

Vue3用法

文章目录Vue31.创建vue31.1使用vue-cli创建1.2使用vite创建(node版本>12.0.0.0)2.setup函数3.ref函数(修改数据需要.value)4.reactive函数(

ZT_KEBEI·2023-11-25 07:29

2019-08-15

vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。

VincerCC·2023-11-25 05:39

vue-cli项目整合qiankun实现微服务架构

1.创建主应用和微应用vuecreatepotal//创建基座项目vuecreatevue-app-one//创建微应用1vuecreatevue-app-two//创建微应用21.1通用的qiankun接入准备1.1.1微应用生命周期函数添加importVuefrom"vue";importVueRouterfrom"vue-router";importAppfrom"./App.vue";im

ilovethesunshine·2023-11-25 04:46

webpack+vue+elementui构建后台管理系统

awsky/aw-vue-admin演示地址:https://github.com/awsky/aw.github.io/tree/master/aw/index.html（git比较慢多等会）1、使用vue-cli

凡夫俗子Z·2023-11-25 02:14

Vuejs+ElementUI搭建后台管理系统框架

文章目录1.Vue.js项目创建1.1vue-cli安装1.2使用vue-cli创建项目1.3文件/目录介绍1.4启动Web服务2.集成VueRouter前端路由2.1VueRouter是什么2.2集成

hzwy23·2023-11-25 02:10

vue3+ts+antDesign+pinia+axios+svg简单基座配置过程

1.基础1.卸载老版本vue-cli：yarnglobalremovevue-cli2.卸载老版本vue：yarnglobalremovevue3.安装vue最新版本：yarnglobaladdvue@

Liszter·2023-11-24 20:11

配置Vue脚手架，使用webpack解析vue项目

安装配置步骤(windows版本)安装完成后，打开cmd，输入指令：node-v//查看自己安装的node.js的版本npm-v//安装node的时候就会携带npm的安装,npm是node的命令安装模块二、配置Vue-cli

中国胖子风清扬·2023-11-24 20:59

通过pdfjs实现在VUE-CLI中进行PDF预览，并禁用打印及下载功能

pdfjs官网：PDF.js官方demo：PDF.jsviewer安装使用下载点击下载选择稳定版本项目引入本文主要针对vue-cli4版本的文件在public文件夹下新建pdfjs文件夹，将下载好得web和build拷贝进去修改源码配置（初步）因为pdf.js是不支持跨域文件加载的直接加载是不会成功的。会报“fileorigindoesnotmatchviewer”错误，所以需要把viewer.j

qq_24800489·2023-11-24 14:01

Vue init webpack报错：unable to verify the first certificate

使用vue-cli初始化webpack项目的时候，用到如下的命令进行初始化：$vueinitwebpack[project-name]在设置了npm的代理并修改了国内的镜像仓库之后仍然报错，报错信息如下

SyronChoo·2023-11-24 07:57

Failed to download repo vuejs-templates/webpack: unable to verify the first

报错原因：由于ssl证书问题，可修改配置文件绕过验证1、打开vue-cli默认路径C:\Users\AppData\Roaming\npm\node_modules\vue-cli\node_modules

前端阿皓·2023-11-24 07:21

【不使用vue-cli脚手架搭建Vue2.0项目环境】

项目创建目录结构一、初始化npminit-y二、安装依赖2.1生产环境依赖npminstallvuevue-router-S2.2开发环境依赖npminstallbabel-loaderbabel-corevue-loadernode-sasssass-loadercss-loaderstyle-loaderwebpackwebpack-cliwebpack-dev-serverhtml-webp

兰舟啵啵·2023-11-24 04:24

Vue-cli 2.x 学习笔记2019-10-16

Vue-cli是vue官方出品的快速构建单页应用的脚手架第1节：Vue-cli，开始吧骚年安装vue-cli安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装

晏子小七·2023-11-24 03:07

vw 前端_前端适配之vw兼容方案（Vue版）

第一步：用vue-cli快速构建出一个项目通过脚手架生成的项目应该是如下结构：14186251-d70158c751d0e801.png第二步：安装插件为了实现vw兼容方案，我们需要安

走来走去的F小姐·2023-11-24 02:28

Vue-CLI从环境搭建到项目创建

1.安装vue所需环境--->>>node、npm点击下方链接，下载node，进行安装。安装位置，随你喜好即可。懒得折腾的，就按默认即可。下载|Node.js中文网2.安装完成后，检测是否安装成功。检测node、npm版本--命令行如下：node-vnpm-v结果如下：如图，即是安装node、npm成功.png3.替换源(因为国外的资源访问起来比较慢，所以这里建议替换为国内的源)如果网很好，执意使

寒秋壹叶·2023-11-23 18:01

2021Vue前端面试题总结（含答案）

使用vue-cli脚手架，作者已经配置好了基本的配置，开箱及用，你需要做的

清欢灬·2023-11-23 17:53

Vue-cli引用有fonts字体的组件，打包后路径不正确

问题出现，在项目中，引用了simpleMDE富文本编辑器，有字体样式.在localhost中正常显示路径为然而打包后异常路径异常解决主要是需要单独为css配置publicPath。ExtractTextWebpackPlugin提供了一个options.publicPath的api，可以为css单独配置publicPath。更改build/utils.js文件中ExtractTextPlugin插

LeungJhowe·2023-11-23 03:20

vue+springboot前后端分离交互（快速上手）

文章目录前言安装vue-cli脚手架启动vue项目管理器数据交互Element-ui的使用路由和动态导航栏分页查询数据添加数据修改删除数据前言本人是学习完SpringBoot的技术之后，认为现在的thymeleaf

北笙···2023-11-23 02:38

一个简单的脚手架

背景像我们熟悉的vue-cli，create-react-app等脚手架，只需要输入简单的命令vueinitwebpackproject，即可快速帮我们生成一个初始项目。

幻城之雪·2023-11-22 21:08

Mac搭建vue项目，卸载并安装vue 3.0过程

经过百度查询得知，原因是之前安装的vue版本太低所致，并且vue-cli是2开头的版本是不支持直接使用指令vuecreate“项目名”去创建vue项目的。

真不吃香菜·2023-11-22 20:41

Windows安装vue-cli

1、下载node.js安装包https://nodejs.org/zh-cn/node.js安装包下载2、安装node.js一直下一步就行安装node.js3、安装cnpm、vue-cli命令:npminstall-gcnpm

神的概率·2023-11-22 19:01

Vue3 与 django 进行前后端数据交互之(django向Vue上传数据)

前言：上回做完了前端像后端表单传递数据，现在轮到后端传递数据实现效果前后端都要运行哦一.配置说明：需要axios库，DjangoRestFramework,django,vue-cli,django-cors-headers1

QF_shengxiu·2023-11-22 12:46

从VUE2.0 升级到3.0 时的坑

由于我是先跑了几个vue2.0的项目，等博主我想转3.0时遇到很多问题1.首先是vue-cli脚手架卸载1.node卸载法npmuninstallvue-cli-g2.yarn卸载法yarnglobalremovevue-cli2

QF_shengxiu·2023-11-22 12:15

在vue-cli中快速使用webpack-bundle-analyzer

从vue-cli官方的更新记录可以看到，从vue-cli3开始集成report命令当前环境：直接运行npmrun--reoprt如下：发现并没有生成相应的report报告文件：经过一番原因查找，发现是npm

Ying（英子）·2023-11-22 11:47

普通的vue项目和vue-cli搭建起来项目结构上的差异

在功能和基本结构上，普通的Vue项目和使用VueCLI搭建的项目是相似的，但在具体的文件结构和配置上会有一些差异。普通的Vue项目是手动搭建的，你需要自己创建项目文件夹并手动配置项目结构。通常，一个普通的Vue项目的基本结构可能如下：-/src-/assets//存放静态资源文件，如图片、样式等-/components//存放Vue组件-/views//存放页面级组件-/router//存放路由配

明月一壶酒·2023-11-22 10:20

vue项目添加打包后可手动修改的config

根据Vue-cli版本不同，共有两种方式【第一种】index.html文件在public文件夹下index.html文件内容：目录结构：在public文件夹下创建config.js，如上图在config

卑微猿同学·2023-11-22 06:18

vue3+vite+ts 安装遇到的一些问题和解决方案

下面问题都是一个坑一个坑踩过来的，借鉴了网上很多资料，这里只提vite安装，不提vue-cli//vite的安装npminstall-gcreate-vite-app先安装vite，安装成功后通过以下命令可以创建

余温无痕·2023-11-22 03:29

前端如何解决跨域问题（vue-cli、nginx）

文章目录情景一、vue脚手架配置代理写法1（简洁版）写法2（完整版）二、nginx配置反向代理总结解决跨域的方法有很多，常见的有cors、jsonp、nginx…本文主要介绍两种方法：vue脚手架配置代理及Nginx配置反向代理情景我启动了一个关于博客系统的前端项目，现在要请求博客列表这个接口http://localhost:8000/blog/list如果不做任何处理，直接在前端项目中请求这个接

Y_soybean_milk·2023-11-21 21:05

Vue-Cli 访问静态文件

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

rockage·2023-11-21 21:25

【vue2】使用vscode 创建vue2.0项目

1、安装vue-cli点击终端-新终端，输入：npminstall-gvue-cli等待安装成功。

泉城清晨的晚风·2023-11-21 17:04

VS Code:因为在此系统上禁止运行脚本，解决方法

自己用vue-cli脚手架创建项目时突然遇到这个问题错误信息无法加载文件C:\Users\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。

骆骆爱学习·2023-11-21 17:01

使用VSCode创建Vue项目

假设nodejs、vue-cli等已经安装好了。1、安装git在安装VSCode之前，需安装最新版的git，下载地址，当前的最新版本是：Git-2.31.0-64-bit.exe。

叶大师2018·2023-11-21 17:58

Vue-Cli 脚手架less依赖版本过高报错

我自己在用vue脚手架搭框架的时候，在组件中使用时，程序运行出错，并且控制台报错this.getOptionsisnotafunction提示。我当时的less版本和less-loader版本之后使用：npmuninstalllessnpmuninstallless-loader再安装低版本的：[email protected]@5.0.0目前已经没

家有小喵彩妆plus潮鞋·2023-11-21 15:39

Vue3+Scss实现横向树形结构

效果：项目结构：用的Vue-Cli的脚手架，配置使用Vue3+Scss代码:App.vueimport{defineComponent,ref}from"vue";importTreeNodefrom"

夜雨Gecer·2023-11-21 15:41

vue-cli生成的模板各个文件详解（转）

vue-cli脚手架中webpack配置基础文件详解一、前言原文：https://segmentfault.com/a/1190000014804826vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成

weixin_30533797·2023-11-21 15:19

推荐频道

Vue-cli