Vue-cli 第18页

vue-cli3 将自己写的组件封装成可引入的js文件

首先用vue-cli创建一个default项目当前的项目目录是这样的：首先需要创建一个packages目录，用来存放组件然后将src目录改为examples用作示例二、修改配置启动项目的时候，默认入口文件是

LeslieLiang·2023-10-13 23:57

vue-cli 输出的模板 html 文件使用条件语句

背景项目使用的是vue-cli脚手架，需要根据不同环境的配置，在输出的html模板中使用条件语句来生成不同的代码。

落落叶叶无声·2023-10-13 17:28

vue-05-Vue-cli和移动端布局和动画

vue-cli（重点）vue-cli是用来管理vue项目的工具，可以使用vue-cli快速创建项目、启动项目、编译项目等操作。

未来在奋斗·2023-10-13 01:37

Vue3知识点总结

目录一、关于Vue31、认识Vue32、性能提升3、新增特性二、如何创建一个Vue3项目1.使用vue-cli创建2、使用vite创建三、CompositionAPI1、setup2、ref3、reactive4

快提醒我去学习·2023-10-13 00:10

vue-cli 脚手架创建项目安装less-loader版本问题

如果遇到这样的提示具有未满足的对等依赖性warning">[email protected]"hasunmetpeerdependency"webpack@^5.0.0".原因是因为安装的less-loader与webpack@4版本不对，可以试试其他版本，我试了6.0.0，是可以的，也可以看看其他版本：[email protected]最后提示：warning">less-loa

尤樊容·2023-10-12 23:07

Vue听课笔记（Vue2~Vue3）-3

Vue听课笔记（Vue2~Vue3）-3一、指令1.1、指令写法1.2、指令应用1.3、指令补充&nextTick二、Vue-cli2.1、Vue-cli创建项目2.2、启动流程&入口文件2.3、eslint

Sumlll_·2023-10-12 22:47

Vue项目创建（vue+nodejs+elementui）

Nodejs安装1.下载VScode并安装2.下载Nodejs并安装3.安装vue-cli脚手架4.创建Vue项目5.安装ElementUI6.引入Element7.运行项目开发环境：VScode+Nodejs

Ambi_uity·2023-10-12 21:11

Vant 主题色配置 vue-cli搭建的项目

自定义Vant主题色定制主题：官方配置1.本地新建基础样式文件vant.lessimage.png可重新配置颜色变量,更多变量名可查看配置文件//ComponentColors@text-color:#323233;@border-color:#ebedf0;@active-color:#f2f3f5;@background-color:#f7f8fa;@background-color-ligh

独西楼Q·2023-10-12 20:12

vue项目中针对不同环境下webpack打包指令配置

vue-cli中build中build.js部分代码做如下修改require('.

Nosaj·2023-10-12 17:59

[vue-cli]axios跨域问题

前后端分离，请求跨域问题。1、已经在后端进行了跨域配置：app.use('*',function(req,res,next){res.header('Access-Control-Allow-Origin','http://localhost:3001')res.header('Access-Control-Allow-Headers','Content-Type,Content-Length,A

httIsHere·2023-10-12 15:41

vue-cli 3.0 webpack打包

最近在用vue开发项目，开发完成后想要打包测试，这时候问题就来啦，总结几个问题如下1、如何打包2、打包完成后页面报路径错误3、百度后都是vue-cli2.0的解决方法4、打包assets大小上限了5、直接打开本地dist/index.html文件找不到接下来就上面所提到的问题进行一一解决解决问题1首先，要用webpack打包肯定是要先安装啦npminstallwebpack-g(全局安装webpa

Just_Esme·2023-10-12 11:07

vue 的一些知识点

1.vue脚手架和数据双向绑定，如何搭建脚手架，双向数据绑定原理vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack

coder chen·2023-10-12 09:11

使用npm install -g @vue/cli 命令安装最新的脚手架与Vue版本不匹配的问题

使用npminstall-g@vue/cli命令安装最新的脚手架创建项目时不要选择Vue版本，让它默认选择（默认选择Vue2）否则会出现vue版本和脚手架版本vue-cli不兼容的问题（怪哉）脚手架兼容

枫尘三戒·2023-10-11 22:12

vuex 入门详解

下面咱们一步一步地剖析下vuex的使用:（1）首先要安装、使用vuex注意：在vue2.0+你的vue-cli项目中安装vuexnpmins

qq_36437172·2023-10-11 15:51

Vuex入门使用规则

一、Vuex的实例加载方式安装方式vue-cli直接安装1.微型项目①创建vuex文件夹src/store/index//store/index.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use

IMDiJia·2023-10-11 15:13

2018-03-09 vue-cli搭建框架

https://www.jianshu.com/p/a2fc286cb8ab今天按照此链接进行在vue中使用引入其他的js，css库一步步走下去，走过了两遍，最后run的时候总是莫名其妙的报错，Cannotfindmodule'which'类似这种的百度一下，提供的答案是删除node_modules然后使用cnpminstall进行npm环境搭建，终于是可以run了但是自己通过npm安装的库都报错

等花开_8e16·2023-10-11 11:10

Nginx部署history路由模式的vue项⽬

问题：Nginx通过location配置多个前端项⽬，如果前端使⽤了history路由，多级⽬录状态下刷新⻚⾯，nginx会报404或者500前端框架使⽤的是：vue-cli脚⼿架打包编译配置为：build

yunsiyu·2023-10-11 10:04

第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）

文章目录6.1问题：回顾前端页面发送ajax请求方式？6.2安装axios6.3vue-cli脚手架配置代理服务器6.3.1解决跨域问题：配置代理_方式1案例：开2台模拟服务器，模拟客户端端口8080调用2台服务器端口叫5000和5001，实现ajax解决跨域查询数据完整代码：6.3.2解决跨域问题：配置代理_方式2案例：开2台模拟服务器，模拟客户端端口8080调用2台服务器端口叫5000和500

刘大猫.·2023-10-11 10:13

vue脚手架项目如何加入html文件,使用vue脚手架怎么搭建项目

使用vue脚手架搭建项目的方法：1、全局安装vue-cli脚手架；2、打开命令提示符，通过cd命令进入项目所在文件夹；3、创建vue-cli工程项目；4、安装依赖；5、启动项目。

尼尔呆·2023-10-11 06:20

[vue日志] vue-cli脚手架的目录结构

1.总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲

小钿钿不忘初心_·2023-10-11 06:41

vue2第三节：侦听器,计算属性（computed）,vue-cli和vue 组件

文章目录1.侦听器1.1.什么是watch侦听器1.2.使用watch检测用户名是否可用1.3侦听器的格式1.3.1方法格式的侦听器1.3.2对象格式的侦听器1.4.格式immediate选项（布尔类型）1.5.deep选项（布尔型）1.6.监听对象单个属性的变化2.计算属性（computed）2.1.什么是计算属性2.2.计算属性的特点2.3axios(网址)2.4axios的基本使用2.4.1

不能瞌睡呀·2023-10-11 06:11

JS全栈前端后台管理部分笔记（1）- 初始化及分类CURD

JS全栈前端后台管理部分（1）-初始化及分类CURD组成前端程序：后台管理系统前端程序：手机客户端后端程序工程搭建前台使用vue框架，创建工程使用vue-cli，安装命令：npminstall-g@vue

凉晓风·2023-10-11 02:43

Vue入门之Web端CURD前端项目示例

目录一、安装npm二、安装vue-cli三、使用vue-cli创建项目四、修改项目配置五、启动项目六、安装依赖七、建立基本视图框架八、完善CURD功能九、总结本文的示例

极客艾伦·2023-10-11 02:41

VUE“粘性”阅读进度条

这个进度条是网上一个实例，原实例使用jQuery实现的查看，最近在用vue-cli，所以就用vue实现该组件查看。这个进度条有有意思的地方是：用户的一系列操作都和导航息息相关。

babulongbo·2023-10-11 01:12

使用vue-cli创建手机通讯录demo(3)

先介绍一下本节的要点：vue组件和js文件结合，通过对象传参实现自定义标题和定制按钮等，动态创建和删除弹窗。先上效果图：1.创建vue模板文件：2.创建js文件：3.在List.vue中点击相应的人名时，出现弹窗，并将号码传输到弹窗的相应位置：importmaskfrom"./Alert.js";//先在List.vue中引入弹窗的js由于List.vue和弹窗并非父子关系，使用对象的方法传输很方

uwenyi·2023-10-10 19:09

解决vue-cli脚手架，UI框架iview 国际化，form表单切换语言表单验证提示不更新

项目需要国际化处理，发现一个问题：当切换语言时表单验证的提示信息没有同时更新过来image.png看了一些解决方案，可以把rules放到computed里，但是这样切换语言会导致整个表单重新验证，而我只想把已经提示错误信息的几个表单项改变提示语言，解决方案：不使用message传入错误提示，手动传入验证规则{{$t('login.loginBtn')}}ruleValidate:{userName

nengzhuan_zhang·2023-10-10 16:24

一文讲清楚webpack和vite原理

一、前言每次用vite创建项目秒建好，用vue-cli创建了一个项目，却有点久，那为什么用vite比webpack要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！

软件工匠·2023-10-10 14:55

2.学习Vue入门知识点

computed3.watch4.methods5.prop四、Vue的一些指令1.v-bind2.v-model3.v-show4.v-if5.v-for6.sync和emit一、项目结构1.结构总览使用vue-cli

Nelson_hehe·2023-10-10 12:46

前端新员工入职，需要为你的新电脑安装一些环境，开发工具

二.安装公司日常交流软件三.安装个VSCode四.安装nvm五.vue-cli的安装和配置六.安装git配置git账号拉取线上仓库到本地一些常用git命令GitLab配置公钥私钥七.其他工具网络抓包工具

路人i++·2023-10-10 06:22

后台管理系统 Vue-Element 基础功能

/拆分编号arr.splice(i,1)移除数组某个元素arr.join(',')//合并成字符串简介基于Vue+Webpack+ElementUI框架，实现后台管理系统基本布局使用npm安装vue和vue-cli

Lyndon1107·2023-10-10 03:38

Vue3+vite，vue3基本使用文档

文章目录1.vite2.创建vue3.x项目2.1使用vite创建的项目2.2使用vue-cli创建vue3.x项目3.vue3.x基本使用3.1响应式基础3.1.1reactive()方法3.1.2ref

Liux-·2023-10-10 00:49

vue项目打包优化策略

vue项目打包优化策略使用vue-cli部署生产包时，发现资源包很大，打包后的vendor.js达到了1.4M，这已经很大了，而且会影响到首屏加载。那么，怎么优化呢？

愿你开心每一天·2023-10-09 23:09

vue node npm 关系

node.jsNode.js是一个基于ChromeJavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用vue-cli脚手架搭建项目的时候需要nodejs使用node有几件事

循序渐进_·2023-10-09 19:43

安装了 vue-cli，提示 zsh: command not found: vue

cli后脚手架后，输入vue，输出zsh:commandnotfound:vue执行过程首先执行了npminstallyarn-g,来安装yarn，安装成功后，yarn的版本号1.22.10然后我们想安装vue-cli

西西贝贝Xx·2023-10-09 17:03

Vue.js 官方示例初探

官方的示例都是ES5直接编写运行，并没有使用ES6以及构建工具，考虑到以后开发大一些的项目以及官方出品的vue-cli脚手架，决定这次学习之旅采用两者结合写写官方的示例。

weixin_30553837·2023-10-09 16:41

vue-cli组件总结

1.组件的组成2.组件的样式隔离3.dom元素的获取定义：使用：this.$refs.scroll4.生命周期钩子函数创建前后：beforeCreatecreated(可以获取this)渲染前后：beforeMountmounted(可以获取dom元素)更新前后：beforeUpdateupdatad(可以执行多次)销毁前后：beforeDestroy(销毁前移除定时器)dastroyed5.组件

char1·2023-10-09 14:32

使用vue-cli创建vue3工程

PS：创建前先查看@vue/cli版本，确保@vue/cli版本在4.5.0以上如果不是4.5.0以上版本，可以通过如下命令进行安装/升级：npminstall-g@vue/cli创建vue3工程步骤如下：1.创建项目：①选择存放项目的路径，输入cmd打开终端②输入命令创建vue3项目vuecreate【项目名称】项目创建成功如下：2.运行项目：①进入项目目录，并运行项目，如下：②运行成功如下，复

m0_67992720·2023-10-09 12:48

前端脚手架开发

常用的脚手架工具我们常见的脚手架工具大都是为了特定项目类型服务的，比如vue-cli，create-react-app，只能创建对应的特定项目类型。还有通用的脚手架工具Yeoman，较为灵活易扩展。

洲行·2023-10-09 09:16

VUE.JS

vue-cli:用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npminstall就可以安装）环境搭建1.node2.np

楊_b7f0·2023-10-09 04:45

vue-cli3与vue3

vue-cli3+版本创建的项目)看见项目中没有config、build等文件夹，变理所当然的以为它是vue3项目，可是试用vue3语法，却报错，研究后了解到，项目的目录结构和vue版本没有关系，有关系的是vue-cli

是迪迪呀.·2023-10-09 03:16

秒秒秒·2023-10-09 02:11

对移动端使用rem实现适配

我的项目是基于设计稿750px，vue-cli3+sass搭建的（且sass-loader版本是8，为什么要说这个呢，因为后面会通过vue.config.js引用全局scss文件，如果sass-loader版本是7或者vue-cli

weixin_43752765·2023-10-09 01:44

localhost、127.0.0.1、本机ip、0.0.0.0 的区别

vue-cli生成的项目在config/index.js中有个host属性，默认配置是0.0.0.0，这时同局域网下的其他机器可以通过本机ip访问服务，改成localhost或者127.0.0.1后就无法访问原理分析

小猋_a8f1·2023-10-08 23:31

vue-cli 项目配置全局scss 无需单独引入各个页面可使用scss函数

第一步：在新建一个scss文件src/styles/mixins.scss//定位上下左右居中@mixincenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}//长、宽@mixinwh($width,$height:$width){width:$width;height:$height;}第二步：在项目

成茂峰·2023-10-08 20:29

vue热替换失效根本原因

你跟我说使用官方的vue-cli去构建，我就是使用vue-cli后突然失效。什么?你跟我说重新npmrundev一下，好嘛，已经run了N次了依然没回到大路上。

ifredom1·2023-10-08 18:22

vue-cli初步

1.先安装node.js（默认路径）image2.启动命令行，输入命令node-v，可以看到node.js的版本号，如图image3.安装vue-cli使用npm（需要安装node环境）全局安装webpack

Shining_284c·2023-10-08 17:50

前端框架Vue2.0+Vue3.0学习笔记01

一、Vue技术_课程简介1、前端框架小白2、熟练掌握Vue23、轻松玩转Vue3①、vue基础②、vue-cli③、vue-router④、vuex⑤、element-ui⑥、vue3二、Vue技术_Vue

突然好想你之路在脚下·2023-10-08 16:23

npm报错Failed at the [email protected] install script.

问题描述Electron+vue项目npminstall报错[email protected].解决方案：方法一：vue-cli脚手架的一个

剑九六千里·2023-10-08 10:37

npm安装vue.js

npminstall-gnpm注：若npminstall报错permissiondenied，使用sudonpminstall-gnpm二、安装vue相关工具1.安装vue//最新稳定版npminstallvue//安装vue-cli

sybil052·2023-10-08 04:14

Vue单页面应用首屏加载时间优化

vue全家桶我们习惯用vue-cli搭建脚手架，再配合vue-router控制路由，vuex控制状态及复杂组件通讯，实现顺畅的spa应用，但是往往在项目应用插件框架时后首屏加载时间非常长。

镜轩夕照·2023-10-08 01:18

推荐频道

Vue-cli