E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vue-cli
vue3项目开发总结
构建工具:当前使用的是
vue-cli
。推荐使用Vite作为构建工具,因为它具有快速的冷启动、实时的热更新和简洁的配置等优
Yaru11
·
2025-02-17 10:53
vue
前端
【学习笔记】
vue-cli
中组件间传参的方式
一、父子组件传参首先创建子组件,子组件的名字为component1.vue接受父组件:{{name}}打印父组件的信息exportdefault{//子组件通过props组件接收,name需要和父组件的key一致props:['name'],data(){return{}},mounted(){},methods:{Forward(){console.log(this.name);},},}然后在
龚箭
·
2025-02-13 13:51
vue.js
学习
笔记
GraphQL实践篇二
客户端项目目录结构如下:安装首先我们先使用
vue-cli
新建项目,接着安装依赖:npminstallapollo-cache-inmemoryapollo-clientapollo-linkapollo-link-httpapollo
·
2025-02-12 22:36
uni-app项目支持流水打包
一、背景由于uni-app创建的H5项目在合代码、打包和发布上多重限制和问题,现将uni-app项目做成可支持流水发布【原理】:将uni-app项目用
vue-cli
包裹起来,支持流水发布二、具体操作下载
小P孩zzh
·
2025-02-10 17:57
uni-app
vue搭建/打包/上线步骤
教程:使用
vue-cli
创建项目https://www.cnblogs.com/l-y-h/p/11241503.html1.npm+node环境检测【命令行查看版本号】node-vnpm-v【升级npm
兔子敲代码
·
2025-02-10 14:02
数据库
vue
java
linux
web
第十七章 webpack5项目搭建
Vue-Cli
(开发模式)
step1–创建项目目录创建一个目录用来搭建
vue-cli
的项目mkdirvue-clicdvue-clistep2–初始化项目初始化项目,生成一个package.json文件npminit-ystep3
天界程序员
·
2025-02-09 09:15
Webpack5
vue.js
javascript
webpack
vue-cli
使用webpack5实现简易的
vue-cli
脚手架功能
目录build/webpack.config.jsbabel.config.js.eslintrc.js、.eslintignorepackage.json主要涉及到对vue的支持以及elementui的自动按需引入首先解释一下webpack中使用最多的loader和plugin的概念:loader是将一些webpack不能处理的资源(vue、scss、图片等)或者浏览器不能识别的资源(es6语法
没有技巧只有感情
·
2025-02-09 09:15
前端
webpack
Vue项目搭建
后面当然就嫌麻烦了,尤大大的
vue-cli
打遍天下无敌手。命令vueinitwebpack有两种版本,一个simple版vueinitwebpack-simple,si
yxmanyxman
·
2025-02-06 10:04
vue
vue-cli
脚手架
npm
webpack
创建Vue3.0工程和常用 Composition API
一、创建Vue3.0工程1.使用
vue-cli
创建官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue
黎明之道
·
2025-01-31 18:08
VUE
1024程序员节
Vue Elementui 项目实战 —— 项目的环境搭建
1.项目环境搭建1.1安装
vue-cli
脚手架构建工具
vue-cli
提供一个官方命令行工具,可用于快速搭建大型单页应用。
迎风的信号旗
·
2025-01-28 00:17
前端
VUE
vue.js
elementui
前端
vue-cli
项目中使用Electron
Vue项目中使用Electron一、安装二、创建background.js三、创建preload.js文件四、修改package.json文件五、修改vue.config.js文件六、启动1本地启动2打包补充:一、安装安装electron,electron-builder,vue-cli-plugin-electron-builder,electron-devtoolsnpmi--save-dev
骆驼Lara
·
2025-01-26 02:14
Vue
vue.js
electron
javascript
Vue+Element-plus搭建
一.下载node看这篇博客:http://t.csdn.cn/kTeRL二.安装vue的脚手架(
vue-cli
)如果没有切换node的下载镜像,使用这条命令切换淘宝镜像:npmconfigsetregistryhttps
a3337779
·
2025-01-23 18:11
vue.js
前端
javascript
Vue教程|搭建vue项目|
Vue-CLI
新版脚手架
一、安装Node环境安装Node及Npm环境Node下载地址:Node.js—RunJavaScriptEverywhereNode.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.https://nodejs.org/en/安装完成后,检查安装是否成功,并检查版本,命令如下:node-vnpm-vmac@MacdeMacBook-
cnsxjean
·
2025-01-23 06:10
vue.js
javascript
前端框架
npm
ui
vue中MVVM实现原理
最常用的是用
vue-cli
脚手架的方式来创建一个项目。它是以一种单文件组件的方式,即为.vue文件,它里面包含了模板、业务逻辑和样式。
danniyedan
·
2025-01-21 10:36
https
html
c++
使用
vue-cli
创建uni-app项目,vue3/vite模板
官网地址:https://uniapp.dcloud.net.cn/quickstart-cli.html1.首先,安装脚手架:npminstall-g@vue/cli注意:Vue3/Vite版要求node版本^14.18.0||>=16.0.0(我用的是nodev16.0.0)2.下载模板,因为我使用官网命令安装失败,所以直接下载的压缩包使用js下载地址https://gitee.com/dcl
hy2356891299
·
2025-01-20 22:14
vue3
vue.js
uni-app
npm安装vue.js的2.x和3.x版本的vuex/vue-router/
vue-cli
安装命令
1.vue2和vue3安装几个组件的指令有@的区别vue2安装组件指令没有@,但是vue3有,我不知道为啥。2.Vue.js2.x安装指令npminstall-gvue-cli#安装VueCLInpminstallvue#安装Vuenpminstallvuex#安装Vuexnpminstallvue-router#安装VueRouter3.Vue.js3.x安装指令npminstall-g@vue
·
2025-01-16 16:24
unplugin-dist-zip-pack:前端构建产物打包神器,开发者的得力助手
一、强大的功能特性unplugin-dist-zip-pack能够将构建产物完美打包,并且支持众多主流的构建工具,包括Webpack、
Vue-CLI
、Vite、Rollup、esbuild、Astro、
·
2025-01-16 15:22
Vue( ElementUI入门、
vue-cli
安装)
一.ElementUI入门目录:1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
m0_l5z
·
2024-09-16 06:23
elementui
vue.js
6
vue-cli
初步
1.安装node.js下载安装node.js,一路默认安装即可,安装完毕,启动命令行,输入命令node-v,可以看到node.js的版本号image.png2.安装
vue-cli
使用npm(需要安装node
洋baby
·
2024-09-13 06:06
Web前端最全初识Sentry前端监控,浅谈前端消息机制原理
标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script标签内部结构顺序2.1.8VueRouter规范Vue项目目录规范2.2.1基础2.2.2使用
Vue-cli
2401_84433924
·
2024-09-09 17:18
程序员
前端
sentry
tailwindcss在vue2中安装配置流程
vue版本不一样配置也不一样tailwindcss官网v2当前node(16.17.0)
vue-cli
(5.0.0)1.安装指定依赖npminstalltailwindcss@npm:@tailwindcss
Zeng
·
2024-09-09 15:03
vue.js
css3
解决使用脚手架构建项目缺失node_modules文件夹文件问题
开发环境和构建vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了,排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹,在我排除了node环境、和配置的环境变量、
vue-cli
weixin_30414635
·
2024-09-07 20:38
javascript
webpack
前端
ViewUI
【前端Vue】06 - VueCLI 脚手架
VueCLI是一个官方发布vue.js项目脚手架,使用
vue-cli
可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。
itlu
·
2024-09-06 06:50
vue-cli
创建uni-app引入uni-ui
1.全局安装脚手架npminstall-g@vue/cli2.创建uni-app项目vuecreate-pdcloudio/uni-preset-vuemy-project3.引入uni-ui框架//安装node-sassnpminode-sass-D//安装sass-loadernpmisass-loader-D安装方式:npm安装npminstalluview-ui4.在pages.json文
某公司摸鱼前端
·
2024-09-06 04:42
uni-app
vue-cli
vue.js
uni-app
javascript
css3属性linear-gradient兼容ie9问题
1.在
vue-cli
构建的商城项目中发现background-image:linear-gradient(toright,#ff0067,#ff5698);在ie9中失效,无法显示任何内容。
曲米茶
·
2024-09-04 18:44
vue脚手架创建项目失败,报错淘宝镜像地址证书过期问题解决
场景:使用
vue-cli
脚手架创建vue新项目时,控制台报错,创建失败控制台报错:ERRORFailedtogetresponsefromhttps://registry.npm.taobao.org/
DLGDark
·
2024-09-04 15:12
npm相关
vue
vue.js
前端
javascript
npm
淘宝镜像
http常用缓存策略及
vue-cli
单页面应用、服务器端(nginx)如何设置缓存或者禁用
问题描述vue项目打包上线之后,每一次都会有浏览器缓存问题,需要手动的清除缓存。这样用户体验非常不好,所以我们在打包部署的时候需要尽量避免浏览器的缓存。需要解决的问题1、程序每次升级后,用户都不会因为缓存问题而执行的仍然是老的程序。2、若程序没升级,用户对静态资源的请求则能用到缓存。关于http或者是浏览器缓存策略,可以分为这三种:不使用缓存强制使用缓存协商使用缓存不使用缓存有时,我们希望浏览器永
前端李小白
·
2024-09-03 22:55
webpack
nginx
http
vue部署清除缓存
vue脚手架的创建
一、安装node环境切换阿里云镜像npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装
vue-cli
和webpack已经安装过node.js
熟悉的新风景
·
2024-09-03 19:00
vue.js
前端
javascript
Vue项目的打包方式(生成dist文件)
如果咱是用
vue-cli
创建的项目,则项目目录中没有config文件夹,所以我们需要自建一个配置文件;在根目录src下创建文件vue.config.js,需注意文件名称必须是vue.config.js,
她说她一如既往的爱我
·
2024-09-03 09:26
vue.js
javascript
前端
vue2(vue-cli3x[vue.config.js])使用cesium新版(1.117.0)配置过程
呜呜呜呜这里我用的是
vue-cli
去搭建的项目的vue2项目,其实不建议用vue2搭配cesium。
GIS瞧葩菜
·
2024-09-03 07:14
cesium
webgl
vue.js
javascript
前端
cesium
vue-cli
webpack 打包报错:Unexpected token: punc (()
本来项目完美打包,后来我增加了一个插件vue-ionicons,打包build就是报错:ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2
曹天骄
·
2024-09-02 01:13
vue
浅谈Vue和React对比
只是使用场景不同相同点都有组件化思想都支持服务器端渲染都有VirtualDOM(虚拟dom)数据驱动视图都有支持native的方案:Vue的weex、React的Reactnative都有自己的构建工具:Vue的
vue-cli
时倾௸
·
2024-09-01 04:00
vue.js
react.js
Vue-cli
的使用
文章目录1vue-cli的安装和项目配置2使用
vue-cli
开发todolist3全局样式与局部样式1vue-cli的安装和项目配置这篇博文中有详细的介绍:安装vue-cli2.0并创建项目。
子非鱼921
·
2024-09-01 01:42
Vue.js入门及实战
vue.js
javascript
前端
前端框架
VUE3笔记
前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础
vue-cli
一介书生.
·
2024-08-31 16:48
前端
javascript
vue.js
前端
终端输入vue ui没反应---使用vue ui出现的四个问题
解决:安装4.x的vuenpmi-g@vue/cli或者npminstall-g@vue/cli或者cnpmi-g@vue/cli使用cnpm没问题安装最新版的
vue-cli
脚
Coisini_甜柚か
·
2024-08-30 04:20
web前端
vue
vue.js
ui
前端
Vue-cli
创建单页面网页
安装npminstall-g@vue/cli创建项目vuecreate项目名选择预设环境使用键盘的上下键进行选择,enter键确定默认情况下是default(bableeslint)bable:下一代JavaScript编译器,将es6语法编译为es5语法eslint:规范代码行为,可组装的JavaScript和jsx检查工具可点击第二个,进行自主选择键盘上下键选择,空格选中创建的项目各个文件no
caiyiii
·
2024-08-30 03:55
vue设置全局背景图_vue开发使用笔记
下面咱们一步一步地剖析下vuex的使用:首先要安装、使用vuex首先在vue2.0+你的
vue-cli
项目中安装vuex:npminstal
weixin_39629780
·
2024-08-27 22:19
vue设置全局背景图
vue-cli
Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)
最近一直在学习vue.现在正进入项目实战练习阶段。不过在此过程中,总是为遇见各种各样的问题,报各种各样的错。像上面这个错,一般都是在写命令时写错单词导致的。正确:vueinitwebpack-simple.(注意“.”点,指当前目录。简单初始化一个项目)正确2:veuinitwebapckmy-project(my-project是自己取得项目名字);在此提醒:千万别写错单词!!!
张静蕾
·
2024-08-25 12:32
vuejs
开发经验
vuejs
微信小程序uniapp+vue3+ts+pinia的环境搭建
一.创建uniapp项目通过
vue-cli
创建npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project二.安装依赖:1.pnpmi2.运行项目:将package.json
Outcir
·
2024-08-24 12:36
微信小程序
uni-app
小程序
ReferenceError: “Promise”未定义
问题现象:
vue-cli
项目在IE下运行,会在钩子函数出现ReferenceError:“Promise”未定义解决办法:1、安装BabelPolyfillnpminstall--savebabel-polyfill2
吃不胖的茶叶蛋
·
2024-03-17 04:23
vue3速查笔记
文章目录一、创建Vue3.0工程1.使用
vue-cli
创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
一只小白菜~
·
2024-03-11 12:40
vue
笔记
vue3
vue
vue-cli
项目中使用 webpack 的 require.context 实现全局引入组件
文章内重点在于require.context的使用具体可查看webpack官网
vue-cli
工程建的项目components/index.js/***创建一个引入文件上下文*不懂上下文的参考语文对于上下文的理解及
Enginner_XZ
·
2024-03-09 08:07
VUE3(二)使用
vue-cli
创建一个项目
VUE3官方推荐使用vite来构建项目,但是并不是说之前使用
vue-cli
创建项目就不行了。
camellias__
·
2024-03-05 13:03
Vue 起步
安装vueCli全局安装
vue-cli
$npminstall--globalvue-cli创建一个基于webpack模板的新项目$vueinitwebpackmy-project安装依赖,走你$cdmy-project
Kathy丶Andy
·
2024-03-03 03:11
Vue-Quill-Editor 简单修改字体大小和样式.(不改源码)
实现效果图:
vue-cli
的富文本Vue-Quill-Editor使用前安装:npminstallquill-image-resize-module--save,npminstallvue-quill-editor
十里冰香
·
2024-02-29 09:18
富文本
quill
nodejs 的入口,
vue-cli
的入口
nodejs的入口是package.jsonvue-cli的入口是main.js、index.js、App.vue或app.vue中的一个。你也可以显式地指定入口
Mr菜头
·
2024-02-26 11:47
Vue-Cli
—03.路由传参数 / 路由进阶 / 路由缓存 /sass|less
一、路由传参1.params参数路由配置{//注意:这里的路由需要传一个参数,路由可以传多个参数//如果是多个参数,可以写/type/:id/:namepath:'/type/:id',//设置该选项为true,组件可以通过props选项接收路由参数props:true,component:Type}页面南京无锡{{city.name}}{{city.content}}//使用props选项接收路
萌新g
·
2024-02-20 19:25
前端架构: 脚手架框架之commander从基础到高级应用教程
commander目前版本:12.0.0WeeklyDownloads133,822,797(动态数据)最近更新:15daysago(npm)说明这是一个更优质的库同时使用commander的案例也更为知名:
vue-cli
Wang's Blog
·
2024-02-20 16:17
FE
Architecture
前端
前端框架
node.js、npm、
vue-cli
简单概念
node.js、npm、
vue-cli
简单概念:node.js是js的运行环境,可以理解称java当中需要安装的jdk。
【JAVA】玩家
·
2024-02-20 13:01
前端VUE
vue.js
npm
node.js
WEBPACK和ROLLUP构建前端工具库
vue-cli
,基于webpack,
vue-cli
脚手架工具可以快速初始化一个vue应用,它也可以初始化一个构建库。
ejinxian
·
2024-02-20 07:52
Web前端
前端
webpack
javascript
工具库
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他