Vue-cli

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脚手架工具时，执行npmrundev有时会遇到报错的问题出现，例如像这样1.jpg刚开始我们往往会百思不得其解，到底这是出现什么问题了，其实这是由于我们默认的8080端口被占用了
YangJeremy·2023-11-20 13:59

vue3+TS实现简易组件库

前置首先下载vue-cli，搭建我们的环境，vue-create-luckyUi，选择vue3和TypeScript。在src目录下创建package作为组件目录。
前端开发小陈·2023-11-20 06:32

vue项目接入eslint、prettier、husky+lint-staged

引言在vue-cli官方的脚手架创建项目时，会自动让选择Eslint+Prettier，如果是老项目想接入，那么按照下面步骤接入即可eslint安装npmi-Deslinteslint-loaderbabel-eslinteslint-plugin-vue
风舞红枫·2023-11-20 02:37

Vue学习笔记：vue-cli脚手架安装

vue-cli是vue官方提供的一个脚手架工具，用于初始化一个Vue项目；vue-cli的优势:1、成熟的vue项目架构设计，而且会跟随vue版本的更迭而更新；2、提供了一套本地测试服务器，而且是一个热加载的服务器
前端互助会·2023-11-19 20:33

VUE全家桶 （Vue-cli、Vue-route、Vuex）学习笔记

Es6let是变量2.const1.是常量不能修改创建的时候一定要赋值要不报错定义的类里面的属性值可以修改3.对象创建1.可以先定义constname=1；Consta={name};输出a的话就是{“name”:1};可以直接放进去函数Consta={Run(){},Set(){}}4.遍历遍历1for(leti;i30)returntrue;});Map函数//统一操作Reduce(funct
_揽·2023-11-19 20:02

真自律

1.安装node环境(相当于造房子搭的地基)2.安装vue-cli脚
YinJames·2023-11-19 20:09

前端笔记10

使用vue-cli创建模板项目说明vue-cli是vue官方提供的脚手架工具github:https://github.com/vuejs/vue-cli作用:从https://github.com/vuejs-templates
就是这么帅_567e·2023-11-19 16:54

从零开始搭建vue2.0+elementUi 后台管理系统 一项目搭建

文章目录前言一、全局安装vue-cli二、创建vue项目1.用命令来创建vue项目三、运行项目1.项目目录解读一、项目全局引入elementui总结写文初衷前言在开始之前，首先保证自己的开发环境上有node
稀里胡涂·2023-11-19 16:40

Vue+ElementUI搭建登陆页面

1.使用vue-cli脚手架工具创建一个vue项目2.安装elementUI插件依赖注意：i指的是install的缩写npminstall下载全部依赖npminstallxxx-g全局安装，下载到%NODE_HOME
洪荒895·2023-11-19 16:39

前台项目第一天(1-6)

----1：vue-cli脚手架初始化(搭建)项目环境node+webpack+cnpm(淘宝镜像)cmdvuecreate项目名称选项default默认vue2版本文件分析node_modules项目依赖的模块
敲啊敲9527·2023-11-19 16:12

vue-cli 安装步骤

vue脚手架工具vue-clinpminstallvue-cli-g通过vue-cli创建基于webpack的vue项目并初始化vueinitwebpackmy-project安装依赖包cdproject-namenpminstall
2点半·2023-11-19 11:40

npm ERR! code E403

今天用vue-cli搭建项目的时候，遇到了一个之前从来没有见过的问题，npm安装任何模块都会报错E403，具体报错如下：因为也不是第一次创建项目了，所以感觉很神奇，难道是中间有什么不为人知的操作吗？
puxiaotaoc·2023-11-19 04:22

html2canvas.js实现前端将页面转化为图片并长按下载

1.需求由于在最近在做的项目需要用到在前端把页面生成图片并保存到手机中，在技术调用过程中自己写了一个demo，没有采用vue-cli脚手架，但是大同小异，这个demo也采用了vue2.js开发页面，qrcode.js
qq_39761787·2023-11-19 01:50

一文说清 webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue这些都是什么？看着有点晕，不要怕，我们一起来分辨一下。
儒雅的烤地瓜·2023-11-17 17:47

Vite项目启动都做了什么？

在之前的开发中我们主要运用vue-cli来搭建项目，它是基于webpack的脚手架工具。随着vite的出现，这个可以提供更快、更精简的构建工具，给我们带来了另一种开发体验。
梅花十三儿·2023-11-17 16:05

‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件

npmconfiglist查看一下npm的配置信息,下图这个一般是npm按照vue-cli的时候安装缺失你可以看看C:\Users\admin\AppData\Roaming\npm下是否有vue.cmd
君之虞·2023-11-17 16:00

Vue3 使用教程

目录一、创建vue3工程1.使用vue-cli创建2.使用vite创建二、setup使用三、ref函数四、reactive函数五、计算属性与监视属性5.1computed函数5.2watch函数5.3watchEffect
蓝朽·2023-11-17 14:14

web3.0 升级到webpack5.0 以及兼容IE处理

如果你的事vue-cli或者其他cli关于IE兼容不具有什么参考价值。如果是react项目，你看看就行。
web前端执行者·2023-11-17 13:17

解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题

一、所遇问题简述：1、问题描述：在用vue-cli正常来创建新的基于vue2框架的项目，在安装好node-modules之后，运行命令‘npmrunserve’,报错情况如下：ERRORinConflict
Y2000104·2023-11-17 10:45

mac下vue-cli从2.9.6升级到最新版本

由于mac之前安装了vue2.9.6的版本，现在想升级到最新版本，用官方给的命令：npmuninstallvue-cli-g发现不行。1、究其原因：从vue-cli3.0版本开始原来的npminstall-gvue-cli安装的都是旧版，最高到2.9.6。安装新版必须是新的命令npminstall-g@vue/cli。这就导致了，如果我们在2.9.6版本还存在的情况下使用npminstall-g@
Ying（英子）·2023-11-17 09:56

解决npm ERR! Unexpected end of JSON input while parsing near的报错问题

今天在使用vue-cli脚手架创建项目的时候,出现了这的问题,很明显出现了npm下载出错了npmERR!
silence_xiang·2023-11-17 09:41

了解ESlint和其相关操作

vue-cli脚手架创建的项目默认使用ESlint规则，启动项目的时候因为各种语法报错，不得不先停下了解一下什么是ESlint，及其相关的一下操作。
weixin_41249041·2023-11-17 07:24

解决vue-cli node-sass安装不成功问题

在项目中安装vue-clinode-sass不成功解决办法如下：npminstallnode-sass--save若以上方式安装不成功（安装超时）,则使用以下的方法：1.npminstall-gcnpm--registry=https://registry.npm.taobao.org2.cnpminstallnode-sass--save(若安装完成之后报Cannotfindmodule'nod
缘飞梦·2023-11-17 06:32

解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题

一、所遇问题简述：1、问题描述：在用vue-cli正常来创建新的基于vue2框架的项目，在安装好node-modules之后，运行命令‘npmrunserve’,报错情况如下：ERRORinConflict
大可-·2023-11-17 04:22

Vue如果通过vue-cli开启代理服务器

方式一：在vue.config.js中配置module.export={//开启代理服务器devServer:{proxy:'http://localhost:5000'//服务器端口号是多少这个5000对应替换即可}}如何使用(比如前端端口号是8080，后端端口号是5000)：axios.get('http://localhost:8080/students')//这时候后端地址端口号就要换成前
怕冷的火焰（~杰）·2023-11-16 15:30

vue-cli分模块打包，根据每个模块独立打包并且独立运行

有一些前端开发基础的人，基本上都可以很好的完美的理解到重点根据模块进行路由配置打包方法二主要是结合了vue-cli的pages多界面应用与cro
stubborn丶lili·2023-11-16 12:45

vue-cli 开启js代码压缩和代码分割

在vue.config.js中配置chainWebpack:config=>{config.optimization.minimize(true)//开启压缩js代码(默认true)config.optimization.splitChunks({//开启代码分割chunks:'all'}}启用gzip压缩(需要配置nginx,可以看出压缩后的文件大小明显变化)constCompressionWe
Mr Liuu·2023-11-16 11:43

搭建vue3项目+按需引入element-ui框架组件

：使用vuecreate脚手架快速搭建vue的项目前提：需要安装node.js和cnpm以及yarn并且cnpm需要设置为淘宝镜像，cnpm和yarn安装教程网上很多可以自行搜索1.使用dos命令安装vue-cli
鱼干～·2023-11-16 10:34

优雅解决：(linebreak-style) Expected linebreaks to be ‘LF‘ but found ‘CRLF‘. (eslint)

有时候使用脚手架创建的项目，比如vue-cli，会默认使用eslint的一些规则，比如airbnb。
胡聊前端·2023-11-16 05:51

使用 eslint 让代码更规范

由于开发人员经验,编码习惯不同,造成维护成本上升,容易产生bug1.现有的vue-cli自带eslint代码规范控件,只需对其规则进行配置.通过修改vue.config.js文件内的lintOnSave
wakangda·2023-11-15 16:18

【VUE3】保姆级基础讲解（二）计算属性，vue组件，vue-cli脚手架，组件通讯，插槽slot

目录计算属性computed侦听器watch对象监听组件注册全局组件注册局部组件Vue-CLI脚手架安装和使用.browserslistrcmain.jsjsconfig.json组件通讯父组件传递给子组件
独憩·2023-11-14 22:07

Vue3保姆级别基础

一.创建Vue3工程1.使用vue-cli创建1.必须保证vue-cli的版本大于4.5.0，否则重新安装脚手架，可以用vue-V查看版本2.输入命令vuecreatevue_test，选择vue3点击回车
宇宇940·2023-11-14 22:37

创建自己的脚手架工具（cli）

转自：【记录】创建自己的脚手架工具（cli）-rocyuan前言vue-cli、create-react-app、angular-cli…已经有了，为什么还要创建自己的脚手架？
RocYuan666·2023-11-13 22:57
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他