Vue-Cli 第18页

后台管理系统 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

老项目将VUE2.0项目vue-cli配置改造成vite项目配置

背景目前在公司维护一个之前开发以VUE2.0为基础采用vue-cli打包的项目。

咸鱼打工人·2023-10-07 22:55

vue-cli 4.0 devServer proxy配置解决跨域问题

在vue-cli项目下新建一个vue.config.js文件，可以在这个文件里对devServer进行配置。

cc要坚定自己的脚步·2023-10-07 21:47

01.初认vue3

相对于vue-cli它默认安装的插件非常少，随着开发过程依赖增多，需要自己额外配置。

姑苏_慕容博·2023-10-07 19:01

Vue进阶

文章目录构建Vue项目lifecycle+npm+webpackVue的生命周期lifecyclenpm概念webpack概念二,Vue-cli脚手架--1,概述--2,安装1,安装Nodejs(下一步下一步

Java给我力量·2023-10-07 18:22

vue.js进阶

vue-cli脚手架：1.生成目录结构2.本地开发调试3.代码部署4.热加载5.单元测试前端路由：在web开发中，路由是指根据url分配到对应的处理程序。

十一T_T·2023-10-07 18:52

setup factory 创建多个快捷方式_vue3.0创建项目及API讲解（一）

一、项目创建1、检查vue-cli脚手架版本（vue-V），低版本的要更新（npminstall@vue/cli-g）2、创建项目（vuecreatevue3test）选择default（直接回车enter

weixin_39938855·2023-10-07 13:23

vue3 中使用 echarts 图表——准备篇

一、准备一个vue项目（一般通过vite来构建，而不是vue-cli）1.找到打开vite官网2.运行创建命令yarncreatevite3.执行yarninstall安装项目依赖，之后执行行yarndev

tengyuxin·2023-10-06 21:10

vue-cli使用stimulsoft.reports.js（保姆级教程）

vue-cli使用stimulsoft.reports.js（保姆级教程）第一部分：数据源准备以下是JSON数据的教程json数据结构{"数据源名":[//...数据列表]}自己的测试JSON数据{"data

小C好好干饭·2023-10-06 19:27

Vue3项目使用Stimulsoft.Reports.js【项目实战】

Vue3项目使用Stimulsoft.Reports.js【项目实战】相关阅读：vue-cli使用stimulsoft.reports.js（保姆级教程）_stimulsoftvue-CSDN博客前言在

小C好好干饭·2023-10-06 19:53

Vue-cli 项目将打包dist文件丢到服务器上访问出现空白

我vue-cli的版本为4.0.4image.png使用下面的命令将npmrunbuild将打包生成的dist文件夹,放在服务器中,浏览器访问,发现访问成功,但是页面是空白的,可尝试以下解决方法出现这种情况要分两个处理方式

THERAIN_·2023-10-06 12:46

vue nginx

vue-cli执行npmrunbuild进行打包，生成dist文件夹，把该文件夹下的文件直接复制到nginx服务器目录下，就可打开项目，但是只有首页是可以看到的，再刷新一下就404了，原因是vue的项目为单页应用

吃半个馒头·2023-10-06 10:22

vue.js安装教程/vue项目搭建

你好_强迫症·2023-10-06 05:00

uniapp+vue3+vite+ts+uview-plus 最完整最详细搭建项目步骤

目录一.创建uni-app项目二.编译和运行uni-app项目三.TS类型校验四.JSON注释问题五.安装uview-plus六.配置pinia持久化七.封装http请求搭建项目的准备工作：通过vue-cli

UU-阿Q·2023-10-05 16:04

Vue/Vue-Cli/ElementUI报错bug+使用方案合集（持续更新，建议收藏）（23-05-26更新）

持续更新，建议收藏关注~一、Vue/Vue-Cli1.Vue-Router路由跳转页面下移问题问题：通过Vue-Router跳转页面时，页面不是从页面顶部显示解决方法：在src/router/index.js中添加以下代码://解决路由跳页页面下移动问题scrollBehavior(to,from,savedPosition){if(savedPosition){returnsavedPositi

coderYYY·2023-10-05 12:45

element-ui走马灯手动切换幻灯片问题（主要是通过vue-cli脚手架搭建项目）

element-ui走马灯手动切换幻灯片问题（主要是通过vue-cli脚手架搭建项目）先上效果图1.安装和引入element-uinpminstallelement-ui-S在main.js里面完整（按需

cqtba·2023-10-05 12:15

VSCode中写Vue没有代码提示的解决办法

博主今天第一次使用Vue-CLI创建Vue2.x项目时，发现在VSCode中居然没有Vue语法的代码提示（Vue已经配置完成），于是上网查询资料后发现，原来是需要下载一个插件叫"Vetur"，操作步骤如图

✎printf("YT");·2023-10-05 05:57

通过mpvue快速构建小程序

注：需要了解微信小程序、vue、vue-cli、git、node的npm或cnpm等基础知识，以上内容可自行百度。

第二心跳·2023-10-05 05:13

使用vue-cli 4.5版本创建项目的配置

转载自：https://www.cnblogs.com/ysx215/p/14107054.html1.准备工作1.1安装node.js安装过程很简单，在官网下载安装包，点击安装，一直下一步直到安装完成即可，新版本的node.js会自动添加环境变量，不需要再手动添加环境变量，如有疑问，可自行前往环境变量查看。node.js官网：https://nodejs.org/zh-cn/出现下图所示表示no

CodingMann丶许半仙·2023-10-05 04:05

vue中用vue-cli搭建的项目之el-menu导航栏切换到对应路由下的导航栏高亮

欢迎一起交流，可以要一个赞吗，嘿嘿具体效果图如下1.第一次进入，默认选中组件超市，注意看网址栏后面的item.name变化2.切换到我的发布3.在我的发布页面进行刷新导航栏组件如下1.重点：//动态判断当前点击的导航栏是否和要跳转的路由name相同，//相同则切换到目标路由的同时，触发active属性，高亮导航栏:class="activeMenu=='/'+item.name?'active':

五月的猫0925·2023-10-05 01:06

2018-10-22 总结

1、上传codinggitinitgitadd.gitcommit-m"firstcommit"gitpush-uoriginmaster2、创建vue-cli项目1.先安装cnpm（淘宝镜像）npminstall-gcnpm

曾经_12bd·2023-10-04 23:54

vue中使用echarts

以下是我使用的一些心得体会~我的示例是在vue-cli搭建安装ec

秀萝卜·2023-10-04 09:09

【前端开发】Uniapp：uni-ui-扩展组件

template中即可直接使用，无需在页面中import和注册componentsHBuilder插件市场（uni-ui组件库）uni-ui不支持使用Vue.use()的方式安装npm安装uni-ui库（vue-cli

一殊酒·2023-10-04 04:33

vue-cli中按需引入element-plus(使用unplugin-vue-components unplugin-auto-import)

目录一、文档二、使用步骤1.安装插件2.配置vue.config.js3.测试总结一、文档戳这里，跳文档二、使用步骤1.安装插件npminstall-Dunplugin-vue-componentsunplugin-auto-import2.配置vue.config.jsvue-cli内部用的就是webpack，configureWebpack配置的会被合并constAutoImport=requ

m0_67392273·2023-10-04 04:21

Vue实践与总结——插件

如：Vuex（全局状态管理）、vue-router（全局路由管理）插件引入通过vue-cli引入引入vue-clinpminstall-g@vue/cli#yarn安装yarnglobaladd@vue

xymspace·2023-10-04 03:42

vue-cli搭建过程（HBuilder X搭建）

vue.js:前端主流框架（对某一方面技术完整的封装，是一套完善的解决方案）vue-cli搭建项目（官方提供脚手架）vue脚手架：是一套项目搭建的快捷方式，可以将项目中的依赖集成进来，生成统一的项目结构

Adellle·2023-10-03 23:05

vue中使用svg-sprite-loader

svg-sprite-loader使用教程开发环境vue-cli，svg-sprite-loader将加载的svg图片拼接成雪碧图，放到页面中，其它地方通过复用1.首先在src下建立以下目录和文件：src

鱼干拌饭·2023-10-03 19:27

引入ant-design-vue/dist/antd.less文件后报错的解决方式less配置

antdesignimportAntdfrom"ant-design-vue";import"ant-design-vue/dist/antd.less";Vue.use(Antd);github提供的解决方案降低less版本到3.0以下，不是最好的选择配置webpack，vue-cli

小曲曲·2023-10-03 15:36

在vue.js中实现多语言切换（vue-i18n的使用）

以下所有操作都是在已有的vue-cli项目下进行的。

光明老妖·2023-10-03 13:10

vue项目国际化(多语言)

记录一下笔记，以下vue项目案例使用vue-cli搭建;一.安装依赖1.使用npm命令安装所需依赖vue-i18n,此demo安装的版本为[email protected];#安装命令npmivue-i18n

1块腹肌·2023-10-03 13:08

推荐频道

Vue-Cli