Vue-cli 第11页

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后台管理系统打包上线到node

项目准备1.配置alias别名使用vue-cli开发项目，最大特色是组件化。组件中频繁引用其他组件或插件。我们可以把一些常用的路径定义成简短的名字。方便开发中使用。

uu盘·2023-11-21 15:15

vue-cli v-html指令和key的作用

v-text与直接插值没有太大区别v-html指令（1）vue.directive("myhtml",function(el,binging){//v-html的原理el.innerHtml=binging.value})newvue({el:'#app',data(){return{msg:'好好学习'}}})二、key的作用注意：如果只是展示列表数据，这里的可以是索引，如果列表中的数据会经常发

木娅·2023-11-21 14:18

Vue-cli 脚手架 + Element-UI

通过npm安装vue-cli：npmi-g@vue/cli创建项目的方式：基于交互命令行的方式创建新版vue项目：vuecreatemy-projectmy-project为项目名称基于图形化界面的方式创建新版

Tdithyrambus·2023-11-21 10:15

基于vue-cli创建一个vue项目【vue学习day7】

一、基于vue-cli创建一个vue项目1.1.打开cmd窗口，输入如下指令vuecreatedemo1.2.选择自定义安装image.png1.3.一般选择如下配置（Vuex和Router看自己选择）

扶得一人醉如苏沐晨·2023-11-21 08:55

工程化开发 & 脚手架 Vue CLI【vue学习day6】

yarnglobaladd@vue/cli#或者npminstall@vue/cli-g1.3.查看版本vue--version#或者vue-V二、使用VueCli创建一个开发Vue项目的标准化基础架子image.png基于vue-cli

扶得一人醉如苏沐晨·2023-11-21 08:52

测试开发如何快速上手Vue前端开发

环境安装1.安装nodejs官网下载：下载|Node.js中文网安装配置环境变量：将node的安装路径配置到Path变量2.安装HBuilderX官网下载：HBuilderX-高效极客技巧安装3.创建Vue-cli

特斯汀roy·2023-11-21 07:08

使用npm发布自己的组件库

一.项目搭建首先直接使用vue-cli创建一个vue2版本的项目，并下载好elementui，这里我们会尝试封装一个适配上万数据的下拉框组件。

丹丹的小跟班·2023-11-21 06:35

uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件

摘要：本文通过获取微信开发者工具安装路径、调用shelljs执行vue-cli编译命令、fs和path组合来读取编译后的目录、动态修改AppId和title这四个方面入手，一步步带领看官制作一个自动打开微信开发者工具的小插件

yilingsj·2023-11-21 05:11

vue-cli3 关闭烦人的eslint检测

关闭eslint直接注释掉package.json文件中eslint的配置就可以了（以下是vue-cli的默认配置）"eslintConfig":{"root":true,////此项是用来告诉eslint

你是不是个小傻子·2023-11-21 04:23

Node.js环境配置级安装vue-cli脚手架

一、下载安装Node.js(略)二、验证node.js并配置1、下载安装后，cmd面板输入node-v查询版本、npm-v,查看npm是否安装成功（有版本号就行了）2、选择npm镜像（npmconfigsetregistryhttps://registry.npm.taobao.org）3、在安装目录下新建两个文件夹cache和global仓储：npmconfigsetprefix“C:\Prog

风起风落时·2023-11-20 22:00

vue-cli 引入jsdom Critical dependency: the request of a dependency is an expression 问题

Criticaldependency:therequestofadependencyisanexpressionvue-cli引入jsdom编译问题如下//errorwarningin./node_modules/jsdom/lib/jsdom/utils.js166:4-31Criticaldependency:therequestofadependencyisanexpressionwarni

longzhanlangya·2023-11-20 18:39

vue-cli（webpack）自动注入全局Sass或Less样式

我们知道整个工程项目是使用vue-cli来构建的，而vue-cli又是通过webpack对文件进行打包的。

全栈练习生·2023-11-20 16:41

vue-cli项目引入全局scss变量的方法

vue-cli引入全局scss引入依赖修改配置文件vue-cli创建的项目没有webpack的配置文件，例如没有bulid/util.js，需要在/vue.config.js中配置引入依赖npminstallsass-resources-loader

馋馋猫·2023-11-20 16:06

Webpack 配置优化 Vue-cli

最近一段时间在学习Webpack方面的知识。在学习的过程中主要配置的是webpack.config.js文件。但是在Vue-cli3.x下，已经对Webpack做了深度的封装，很多已经是默认配置了，在这里就针对这些深入了解下，并区别说明下。量化、分析这里主要介绍两个插件，分别是量化打包时间，和打包后分析的。1、speed-measure-webpack-plugin这个包可以测量各个插件和load

weixin_41779718·2023-11-20 14:59

vue中webpack默认配置_Vue-cli 中 Webpack 配置优化（一）

一、前言最近一段时间在学习Webpack方面的知识。在学习的过程中主要配置的是webpack.config.js文件。但是在Vue-cli3.x下，已经对Webpack做了深度的封装，很多已经是默认配置了，在这里就针对这些深入了解下，并区别说明下。二、量化、分析这里主要介绍两个插件，分别是量化打包时间，和打包后分析的。1、speed-measure-webpack-plugin这个包可以测量各个插

Soph Ruan·2023-11-20 14:29

webpack 打包速度优化之dll hard-source-webpack-plugin

从vue-cli和create-react-app中可以知道并没有实用dll，Webpack4的打包性能足够好的，dll已经放弃。

qq_35661140·2023-11-20 14:56

Vue-cli 相关webpack配置-量化打包时间和打包后分析

参考:https://blog.csdn.net/weixin_41779718/article/details/110038340主要介绍两个插件，用于量化打包时间，和打包后分析。speed-measure-webpack-plugin可以测量各个插件和loader所花费的时间，构建完成后会显示时间信息：安装：npmispeed-measure-webpack-plugin-D使用：newSpe

iWangsd·2023-11-20 14:21

推荐频道

Vue-cli