VUE-CLI 第30页

你可能还不知道的js使用小技巧

前言源于懒人之手，只为了写更少的代码~~~下面有些js用法有些是需要项目的webpack配置支持的喔~如果用vite或者是新版vue-cli搭建的项目，那一般都会支持的啦，不用担心~之前记录的js使用小技巧回顾

winne雪·2023-07-25 14:33

搭建Vue+Express双模板脚手架00

彩云Coding·2023-07-25 12:23

vue-cli项目中，使用webpack-bundle-analyzer进行模块分析，查看各个模块的体积，方便后期代码优化

一、安装npminstall--save-devwebpack-bundle-analyzer二、在vue.config.js中配置constBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzerPluginplugins:[newBundleAnalyzerPlugin({analyzerMode:'serve

笑歪了狗头·2023-07-25 02:01

vue-cli快速构建项目结构

下载并安装node.js，网址：http://nodejs.cn/，安装至默认路径即可2.确认node.js是否安装成功打开cmd命令提示符输入node-v返回node.js版本号则表示node.js安装成功cmd命令行输入npm-v返回npm包管理器版本号则表示npm能装成功（node.js安装自带npm）3.命令行安装nrm（npm为包管理器项目依赖包会使用npm安装具体指令差异百度一下）命令

美伢5·2023-07-25 01:23

uni-app+vue3+typescript工程搭建

前言通过vue-cli创建的项目，更易维护，可以使用非HbuilderX编辑器进行编码，通过终端直接执行编译命令HbuilderX没有Linux版本（不含wine），但有大神移植了linux版本下的微信开发工具

一碗老面i·2023-07-24 23:22

vue-cli创建uni-app项目 exports is not defined 解决方法

错误描述：exportsisnotdefined错误原因：更新uni-app的时候一并更新了@babel/runtime，@babel/runtime更新到了7.13.x，有较大改动，引起兼容问题。解决办法：1.删除node_modules目录和package-lock.json文件，在package.json文件中增加开发依赖“@babel/runtime”:“~7.12.0”，执行npmins

某公司摸鱼前端·2023-07-24 22:07

使用Vue+elementUI实现CRUD

文章目录前言一、简介二、使用Vue-Cli搭建Vue项目1.vue-cli介绍2.axios.js介绍3.Element-Ul介绍4.moment.js介绍5.搭建项目6.添加main.js配置7.修改

铸键为犁·2023-07-24 22:06

Vue-cli 安装

安装vue-cli安装vue-cli的前提是已经安装了npm，安装npm可以直接下载node的安装包进行安装。可以在命令行工具里输入npm-v检测你是否安装了npm和版本情况。

Rising_life·2023-07-24 13:21

vue-cli创建的项目中如何引入全局less变量

背景通常我们在用less时，会定义诸多变量，来减轻更改时的负担，但是在vue开发时，如果我们有一个variable.less文件，在组件中使用变量时不得不写入这个文件的引用，如下图@assets:"~@/assets";@import"@{assets}/css/variable.less";组件那么多，一个一个都要引用，想想都觉得麻烦，有没有好的办法呢？方法vue-cli2.x版本创建的项目如何

小枫学幽默·2023-07-24 12:30

Vue-cli使用

vue-cli安装npminstall-g@vue/cli或yarnglobaladd@vue/cli安装完成后会有vue命令vue命令的使用vuecreate项目名如果遇到卡着不动的情况直接ctrl+

dmengmeng·2023-07-24 12:16

vue使用-搭建项目

1.搭建简单的vue项目1.1引入直接使用标签引入如下//cdn下载vue开发版压缩版1.2使用vue-cli构建项目#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于

EastC·2023-07-24 09:36

【前端框架】vue2.5+ts+elementui后台管理系统搭建全流程，保姆级教学！（一）项目搭建，布局

本教学文章分三部分：第一篇：项目搭建、布局第二篇：用户登录、身份认证、用户权限第三篇：权限管理、商品管理、广告管理一、使用vue-cli创建项目$vuecreateproject-name？

齐旗·2023-07-24 06:28

Vscode报错 vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

项目场景：VsCode运行vue-v报错，如图所示：解决方案：1、确认是否安装vue-cli脚手架，并配置环境变量安装vuecli脚手架$npminstall-g@vue/cli#OR$yarnglobaladd

loriloy·2023-07-23 23:13

vue 图片显示方案

相信有些刚入手vue的小白来说vue中有许多的问题我也是刚入手vue就简单记一记vue图片展示的问题vue-cli生成的项目首先图片资源一定要切记放在项目的static目录这样在打包的时候才不会出现问题

x1aodingdang·2023-07-23 19:22

vue-cli中怎么基于axios去封装方法

大家好，我是minijie，潜水于掘金和思否的一名前端小小生，今天看了几篇文章关于vue中怎么去封装axios，视乎好多版本都是基于promise去做的。这让我很疑惑，axios不就是基于promise的一个请求库吗？为啥还要多一层promise呢？下面是根据我自己的想法去基于axios+ansyc去封装一个自己用的请求库，有疑惑的可以在下方留言讨论1、首先通过npm去下载axios(我推荐使用c

小黑同学_d593·2023-07-23 06:19

vue-ui 快速搭建vue项目

【准备阶段】安装好NodeJS、NPM工具安装VueCLI-官方发布的一个vue.js项目脚手架，使用vue-cli可以快速创建Vue项目vueui是在vue-cli基础上封装的。

19783793·2023-07-23 01:46

Vue-cli 3.0 px转rem移动端适配方案

在Vue-cli3.0搭建的项目中，对于移动端的适配使用到lib-flexible和postcss-pxtorem这两个插件使用方法npminstalllib-flexiblepostcss-pxtorem--save在main.js文件中引入import'lib-flexible/flexible.js'在package.json文件中添加"postcss":{"plugins":{"autop

天使爱打盹·2023-07-22 22:11

vue axios 给生产环境和发布环境配置不同的接口地址

本项目是vue-cli搭建的项目框架，引入axios用于数据请求。

流过·2023-07-22 21:46

vue不是内部或外部命令的问题

如果在电脑安装了nodejs并且全局安装了vue-cli但是用vue-cli搭建项目的时候会出现如下提示:image.png那么可能是你在配置电脑环境的时候把vue的默认环境给覆盖了,或者是误删了,然后就找不到了

Sune小叶子·2023-07-22 20:50

在java中用vue进行rest风格路由

将vue-cli打包出来的文件丢进java中并映射路由在build/utils.js中修改如下配置,加入publicPath(修正样式资源路径)mark在config/index.js中修改build(

Vijay_·2023-07-22 19:06

vue打包篇-分析包数据再进行CDN配置图片文件压缩等优化

.1M该Demo为vue3.0的~查看包文件这个没有优化过的包首先，修改我们的package.json文件然后执行打包命令npmrunbuild我们会发现多了一个report.html，打开他加载时长分析vue-cli

Penk是个码农·2023-07-22 17:25

在vite或者vue-cli中使用.env[mode]环境变量

[mode]1.在vue-cli中1.1创建注意：属性名必须以VUE_APP_开头，如：VUE_APP_XXXE

smouns_·2023-07-21 22:50

Swiper（介绍、官网链接、引入链接、使用方式，滑动样式属性含义、查找滑动效果、动态Swiper、Vue-CLI引入）

目录Swiper简介Swiper官网链接Swiper6引入链接varsw=newSwiper(str,{})滑动样式如何查找Swiper中想要的滑动效果动态SwiperVue-CLI引入SwiperVue动态SwiperSwiper简介Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效。Swiper官网链接

YF-SOD·2023-07-21 21:47

Vue-cli脚手架新手教程入门

直接切入正题一.安装因为Vue全家桶都需要nodejs环境支持的所以我们需要先从官网上下载最新版本的nodejs链接如下：https://nodejs.org/en/直接下载电脑对应的版本即可。安装完之后打开电脑的cmd命令行（macorlinux用户同理）。首先需要安装webpack工具（webpack用来打包我们的项目）运行命令：npminstallwebpack-g等待下载安装完毕即可如果速

GeekShow·2023-07-21 20:55

vue-cli项目下引入vant组件

前言Vant是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近50个组件，这些组件被广泛使用于有赞的各个移动端业务中。如果你需要开发一个移动商城，用Vant就再合适不过了。vant地址：https://youzan.github.io/vant/#/zh-CN/intro本章目标1.在vue-

一只流浪的小码农·2023-07-21 18:08

vue-cli多页面配置（vue2.0）

目录概述多页面的配置步骤1：编写配置文件vue.config.js步骤2：在src目录下创建目录pages步骤3：创建HTML文件（主组件挂载点）测试完毕，总结概述我们知道使用vue脚手架vue-cli

Mao.O·2023-07-21 15:38

npm安装教程搭建vue

vue-cli:用户生成Vue工程模板。

最懒的菜鸟·2023-07-21 11:15

vue-cli-service的使用

vue-cli项目中，会安装给一个名为vue-cli-service的命令。

逍遥的码农·2023-07-21 08:59

ERROR Error: command failed: yarn

创建Vue项目的时候报错，当前这个报错可能是假象，看是上下文是否有下面的报错：如果有当前报错的话在cmd里执行：yarnconfigsetignore-enginestrue如果没有的话请参考：创建vue-cli

佐武·2023-07-21 04:43

封装swiper-view 选项卡导航条字体高亮，下标跟随

使用了Vue-cli开发封装先来看效果吧效果图swiper-view由两个部分组成使用vue-awesome-swiper//main.jsimportVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper

叶叶叶xxx·2023-07-21 03:09

vue + xtermjs + websocket 前端网页版终端，操作后端的docker容器

自定义版，维护websocket，自己实现输入输出3.xtermjs、xterm-addon-attach、xterm-addon-fit、docker4.以上版本都是由cdn形式html页面实现，如需vue-cli

刘白超·2023-07-21 02:22

115、vue-cli3创建多项目工程，支持分项目编译打包到相应文件夹中

前言本篇文章将采用vue-cli3来创建vue项目，如果之前已经全局安装了旧版本的vue-cli，需要先将其卸载，卸载命令如下npmuninstallvue-cli-g#oryarnglobalremovevue-cliNode

world_7735·2023-07-21 00:34

Vue-Cli脚手架的安装和使用

文章目录一、Vue-Cli脚手架的环境准备1.安装Node.js1-1去[Node.js官网](https://nodejs.org/zh-cn/)下载安装包，修改安装路径到其它盘，如G:\ProgramFiles1

划]破·2023-07-20 15:13

使用Vue开发Chrome插件

Vue开发Chrome插件-愧怍的小站(kuizuo.cn)前言我当时学习开发Chrome插件的时候，还不会Vue，更别说Webpack了，所以使用的都是原生的html开发，效率就不提了，而这次就准备使用vue-cli

愧怍12·2023-07-20 13:04

Node.js分享

image.png1.我们身边的Node.js以前html+css+js写前端页面的时候，NodeJs基本上用不到，现在前端都是工程化了，我们一般都是脚手架搭建工程，通常会在本地开启一个服务器，例如vue-cli

小前车之鉴·2023-07-20 08:12

Vue Cli安装和node-sass、less-loader、sass-loader安装

webpack管理员方式打开cmd进行安装，安装命令：npmi-g@vue/cli查看版本C:Windowssystem32>vue-V@vue/cli4.5.13二、node-sass安装vue项目如果没有采用vue-cli

longfei815·2023-07-20 05:36

vue2.x中遇到的问题以及如何向computed方法中传参

知道vue-cli创建的vue项目的目录结构，以及每个vue文件的区域块之前做安卓，现在做前端。自学vue。不得不吐槽下vue文档是真难读懂。。。。

小蘑菇的驼羊·2023-07-20 02:30

新建一个VUE项目

新建VUE项目（使用vue-cli新建）一、需要的环境需要node.js和npm。看一下自个有没有这俩东西，可以通过cmd命令行检查版本来查看。

远山风渡月·2023-07-20 00:35

使用HBuilderX-普通项目之vue-cli默认项目开发前端（一）

第一步：新建一个vue-cli-demo项目一、vue-cli-demo项目目录简介1、node_modules这个目录存放的是项目的所有依赖，即npminstall命令下载下来的文件。2、public这个目录也许可以顾名思义？3、src这个目录下存放项目的源码，即开发者写的代码放在这里。4、assets目录用来存放属于该项目的资源文件，里面的文件会被webpack打包。推荐阅读《vueasset

D_lunar·2023-07-19 22:06

从脚手架搭建到部署访问路程梳理

1、vue-cli起文件：2、配置webpack：打包配置等，env文件（处理线上和测试的ip），https://www.ibashu.cn/news/show_377892.html3、样式：封装style

大浪淘沙1024·2023-07-19 19:07

Vue笔记--高级入门

Vue-cli什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板;预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架

会写代码的花城·2023-07-19 12:08

使用vue脚手架创建一个项目(一)

.选择vue的版本2.x或者3.x2.选择代码校验第五步：启动项目1.启动报错2.报错3.启动成功第一步:是否安装VueCLI的包按住wins+r,打开命令行，输入下面命令如果你已经全局安装了旧版本的vue-cli

miao_zz·2023-07-19 11:23

Vue-cli安装

安装Vue-cli之前我们先检查一下node的版本node-v需要node版本大于v4.0以上，对于现在安装的node来说并没有太大问题。

warmfeeling·2023-07-19 06:12

篇章十二 Vue3开发

文章目录Vue3.0Vue带来了什么一、创建Vue3.0工程1、使用vue-cli创建2、使用vite创建1、创建工程2、分析工程结构2.1、`main.js`文件中2.2、`App.vue`文件中二、

博客zhu虎康·2023-07-19 00:48

Vue 2项目如何升级到Vue 3？

而且由于vue-cli是基于Webp

半夏_2021·2023-07-18 19:44

实现vue-cli（一）：gulp自动化构建

一、大概思路一般自动化构建做的主要是以下几件事情：（一）开发阶段的构建将scss转成css，并在临时目录下生成对应的css文件（在开发阶段不需要压缩，所以将压缩放在单独的步骤里）。将es6等浏览器不支持的新特性用babel转成浏览器支持的js语法，并生成文件。根据提供的html模板（主要做的是数据填充）生成对应的html代码和文件。启动一个服务器打开页面，并监听上面三步和图片等文件变化，若有变化则

Da_xiong·2023-07-18 18:20

WebStrom创建Vue3+Element-Plus项目

搭建vue3+element-plus有两种方式：vue-cli和标签引入，本文主要讲解vue-cli方式。一、安装Node.js为什么要使用node.js下载node.js地址安装的时候无脑下一步。

小小爪哇攻城狮·2023-07-18 16:01

vue快速创建项目学习记录

$cnpminstallvue#安装vue$cnpminstall--globalvue-cli#全局安装vue-cli$vueinitwebpackvue-project1#进行一些配置，输入项目名，

瓦雪子·2023-07-18 09:23

分配操作菜单

,给予不同的功能菜单如:给楼栋管理员登录时分配(楼栋管理,宿舍管理)所以在数据库就要创建:1.登录人与角色表,2再给角色表分配操作菜单登录时查询对应的操作菜单,将数据响应给前端就行介绍使用框架:前端用Vue-cli

Lio n J·2023-07-18 05:41

vue-cli · Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)

vue-cli版本为4，在使用vueinitwebapckxxx创建项目时模板下载失败解决方法：1、从https://github.com/vuejs-templates/webpack上下载这个仓库并解压

lighterss·2023-07-18 01:55

推荐频道

VUE-CLI