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
Vue-CLI
的安装和使用
Vue-CLI
(Vue脚手架)介绍
Vue-CLI
是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成Vue和webpack的项目模板如果只是简单的写几个Vue的Demo
coderlion
·
2024-01-21 11:47
vue创建项目的时候卡顿,比较慢
3.0用vuecreatexxxx创建项目时,一直出现卡顿,导致无法创建项目首先安装淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org然后检查下
vue-cli
小_辉
·
2024-01-21 10:10
vue.js
javascript
前端
Vue-cli
项目中使用 Element-UI 组件库
第一步:在项目中安装element-ui组件npmielement-ui-S第二步:在main.js中引入element-uiimportVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom'./App.vue';Vue.use(ElementU
THERAIN_
·
2024-01-21 05:41
vue 项目兼容 IE 浏览器
前言:网上找了很多关于vue项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到webpack.base.conf.js这个文件,就没办法配置因为
vue-cli
最新版本原因,
小童姥
·
2024-01-21 03:49
vue.js
javascript
前端
vue中动态引入图片地址
概要两种情况,在public下,或src下,各种都有坑;注意:下述内容均以
vue-cli
默认配置为前提一、图片在public下,路径需以/开头public下的文件(包括图片)会被直接复制到dist下,而不做其他处理
果酱风
·
2024-01-21 03:43
一个
vue-cli
的项目中如何使用element-ui组件库
1.安装npmielement-ui-s2.引入ui组件引入css文件在vue上使用下阅读文档快速上手部分在main.js部分引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);3.引入按钮组件进行测试默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮//能
疯狂的蜗牛Dianna
·
2024-01-21 03:00
vue移动端项目中使用postcss-pxtorem进行适配方案
首先,我们先使用
vue-cli
创建一个初始化的vue项目。vuecreatehello-world当项目创建好以后,我们在根目录下新建一个vue.config.js,想必大家也都懂这个文件是干什么的。
趁着年轻吃点苦
·
2024-01-20 22:41
vue.js
css
Vue学习笔记--(2018-11-25)
概要:主要内容:vue安装时常用命令,文件目录介绍,better-scroll库的使用,项目部分优化措施*node安装node-v检查node版本*
vue-cli
全局安装npminstall-gvue-cli
Rain_Wuu
·
2024-01-20 18:20
VUE - runtime-compiler 和 runtime-only
在使用
vue-cli
脚手架构建项目时,会遇到一个选项Vuebuild(vue构建),有两个选项,Runtime+Compiler和Runtime-only,以下为有道翻译直译:Runtime+Compiler
coderfl
·
2024-01-20 17:49
vue-cli
工具-安装&基本使用
一、CLI的介绍VueCLI是一个基于Vue.js进行快速开发的完整系统,提供:通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global实现的零配置原型开发。一个运行时依赖(@vue/cli-service),该依赖:①可升级;②基于webpack构建,并带有合理的默认配置;③可以通过项目内的配置文件进行配置;④可以通过插件进行扩展。一个丰
韩歆歆
·
2024-01-20 11:16
[GN] Vue3快速上手1
文章目录前言使用
vue-cli
创建VUE3.0VUE3.0介绍CompositionAPI首要配置setupref函数reactive函数toRefs与toRef计算属性与监视1.computed函数2
GGood_Name
·
2024-01-20 08:25
vue.js
javascript
前端
[GN] 后端接口已经写好 初次布局前端需要的操作(例)
文章目录使用
vue-cli
脚手架初始化前端工程化配置引入Vue前端组件库--arco前后端联调引入Md编辑器组件使用
vue-cli
脚手架初始化使用·安装脚手架工具:npminstall-g@vue/cli
GGood_Name
·
2024-01-20 08:25
前端
【Vue】vue项目中Uncaught runtime errors:怎样关闭
背景描述项目本来运行的好好,换了个新的浏览器,新的Chrome浏览器版本号是116.0.5845.97(正式版本)(64位),原来的Chrome浏览器版本是92.0.4515.107(正式版本)(64位),使用
vue-cli
No8g攻城狮
·
2024-01-20 07:09
Vue
异常解决方案
vue.js
前端
javascript
Vue3笔记
文章目录1、Vue3.0环境集成1.使用
vue-cli
创建2.使用vite创建2、常用的CompositionAPI(组合API)1、setup函数2、ref函数3、reactive函数4、Vue3.0
小狐狸ya
·
2024-01-19 15:52
vue
vue.js
javascript
前端
vue-cli
+ electron打包项目成客户端
1.安装electronnpminstallelectron--save2.添加electron-buildervueaddelectron-builder执行后会自动生成这些指令在src目录下也会生成一个background.js文件'usestrict'import{app,protocol,BrowserWindow,Menu}from'electron'import{createProto
無霸哥
·
2024-01-19 13:38
vue.js
electron
前端
webpack/
vue-cli
构建速度和打包体积优化
编译分析插件webpack-bundle-analyzerwebpack-bundle-analyzer可以生成代码分析报告,可以直观地分析打包出的文件有哪些,及它们的大小、占比情况、各文件Gzipped后的大小、模块包含关系、依赖项等npmi-Dwebpackbarwebpack-bundle-analyzerjavascript复制代码const{BundleAnalyzerPlugin}=r
岳哥i
·
2024-01-19 11:20
webpack
vue.js
前端
vue初体验(一)
一:
vue-cli
因为之前有用过angular,所以node已经装好了,可以直接搭建脚手架。
winterzy
·
2024-01-19 06:27
步骤3:本地创建实例vue项目并上传到github上
0.2使用npm包管理工具安装
vue-cli
脚手架,安装命令如下:image.png如果直接使用npminst
木头就是我呀
·
2024-01-19 04:37
Vue中引入JQuery和Bootstrap方法
一、Vue中引入JQuery1、因为已经安装了
vue-cli
脚手架,所以需要在webpack中全局引入jquery打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改
SlashBoyMr_wang
·
2024-01-19 02:38
Vue2脚手架搭建+项目基础依赖安装
文章目录1.安装node.js2.安装
vue-cli
脚手架3.创建vue2项目4.安装基础依赖1.安装node.js可以参考这篇文章https://blog.csdn.net/weixin_43721000
什么都干的派森
·
2024-01-19 01:34
Vue
vue
vue.js
command failed: npm install --loglevel error问题解决方案
vuecreate[project-name]使用
vue-cli
指令创建项目时报错commandfailed:npminstall--loglevelerror原因可能是当前的node.js版本与npm
果汁果肉
·
2024-01-19 00:53
vue3 知识
vue2,但是vue3不建议用vue2的写法2、拥抱TypeScript,ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式apivue3项目创建和启动#创建vue3项目:
vue-cli
糖果爱上我
·
2024-01-19 00:59
vue.js
前端
javascript
python
sqlite
使用
vue-cli
脚手架搭建Vue项目
Nodejs去官网下载最新版本,然后安装安装完之后安装淘宝npm镜像(也可以安装镜像)npminstall-gcnpm--registry=https://registry.npm.taobao.org全局安装
vue-cli
苦瓜_6
·
2024-01-19 00:44
vue3.0的学习
一.创建vue3.0工程1.使用
vue-cli
创建##查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g
未成年梦想
·
2024-01-18 20:05
vue
javascript
HTML
vue.js
javascript
前端
nuxt整合vue-pdf插件和使用createLoadingTask方法进行分页
1.背景目前需要做一个展示pdf功能的需求,所以想到了使用vue-pdf插件,该插件在
vue-cli
中很好使用,不会出现啥问题,但是放到nuxt项目中就会出现一些问题2.整合1.官网地址:https:/
巴中第一皇子
·
2024-01-18 16:43
nuxt
vue-pdf
pdf
UniAppCli安装sass失败或报错问题
如果您的项目是由HBuilderX创建的,相信已经安装scss插件,如果没有,请在HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装,如不生效,重启HX即可如果您的项目是由
vue-cli
Hzsilvana
·
2024-01-18 10:05
sass
vue.js
前端
uniapp
uni-app使用sass历程
这是用
vue-cli
创建的项目使用过程,hbuilderx创建的项目无需这么复杂,直接用就好。
是拾玖不是十九
·
2024-01-18 10:34
项目记录
运维Buni版
uni-app
vue脚手架
一、什么是vue脚手架vue脚手架指的是
vue-cli
,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
TashuoLhy
·
2024-01-18 09:30
vue.js
javascript
前端
web开发学习笔记(5.前后端开发模型)
1.前后端分离的开发方式有利于专业化程度的提升,方便找出问题2.页面原型3.接口文档4.yapi平台5.node.js是一个开源、跨平台的javascript运行环境6.安装
vue-cli
脚手架7.vue
萌新pp
·
2024-01-18 06:04
学习
笔记
vue创建项目卡住不动,vue create project卡住不动 解决办法
安装
vue-cli
新版本4.4.4,执行vuecreatexxx,半天都创建不成功,网上搜了好多解决方案,然而并没有解决我的问题。
你不努力,是等什么嘛
·
2024-01-18 02:58
js
javascript
vue
vue.js
vue-cli3
vue-cli
3 使用 webpack 输出 js css 文件 hash 解决缓存问题
该解决方案针对Vue等hash打包静态资源,且nginx部署的项目。这样的项目一般来讲打包后生成的hash已经帮我们解决了js/css的问题。但html资源始终是那个index.html,我们浏览器刷新再刷新始终是304状态码。怎么办!摔!(′д`)…彡…彡那我们就只需要解决掉index.html这个辣鸡文件的缓存问题就好啦!nginx配置如下:location/{gzip_staticon;ro
泡泡码客
·
2024-01-17 12:24
博客
前端
nginx
vue
html
缓存
vux 踩坑【1】:x-input @on-click-clear-icon 删除按钮不起作用
2)方法2:修改源码但是注意每次运行install是都需要重新修改回来步骤如下(我是在
vue-cli
中使用的)①找到你的node_modues---vux---s
岚平果
·
2024-01-17 05:33
vue-cli
——mockjs增删改查小案例
mockjs可以帮我们生成随机数据,拦截ajax请求安装npmintallmockjs-D(开发依赖,不参与打包。默认-S)新建文件src->mock->index.js在mian.js中引入impot'./mock'课程信息添加课程课程编号课程名称课时年级操作{{s.SubjectId}}{{s.SubjectName}}{{s.ClassHour}}{{s.Grade.GradeName}}修
我的安娜有点菜
·
2024-01-17 02:01
Vue CLI(1)——初始
Vue-Cli
& 创建组件 & Element-UI使用
一、初始Vue-CliVueCLI是一个基于Vue.js进行快速开发的完整系统。1、安装全局安装Vue-Clinpminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看版本号vue--version升级npmupdate-g@vue/cli#或者yarnglobalupgrade--latest@vue/cli2、创建项目安装完成后,创建项目。项目名为demovu
一个想读书的人
·
2024-01-17 01:42
vue-cli
解决跨域
在vue.config.js中找到devServer在devServer中创建proxy代理proxy:{path(路径中包含这个path就会导航到target的目标接口):{target:"目标接口"}}例:1同源策略只针对于浏览器,代理服务器到后端接口是没有同源策略限制的。所以使用proxy代理服务器可以达到跨域的作用
软工不秃头
·
2024-01-16 19:18
实际应用
vue.js
前端
javascript
Electron-vue之serialport使用以及打包问题记录
它结合了Chromium、Node.js和用于调用操作系统本地功能的APIs(如打开文件窗口、通知、图标等)electron-vueelectron-vue是一个结合
vue-cli
与electron的项目
liufeng07
·
2024-01-16 15:44
node.js
npm
vue-cli3
vue
vue3+typescript+electron+NodeSerialport开发环境搭建
由于现在网上的教程文档使用的版本还有发布时间过于久远,前端技术更新较快,所以有了这一篇开发环境搭建目录安装node.js安装
vue-cli
创建一个vue项目vue项目集成electron安装NodeSerialport
Havoc_Z
·
2024-01-16 15:41
vue.js
typescript
electron
javascript
npm
Vue3 + ESLint + Prettier
Vue3+ESLint+Prettier配置规则1初始化项目新建
vue-cli
项目。如果已有项目,可直接跳到最后一步。①在cmd中输入如下代码,开始创建项目。
soul g
·
2024-01-16 09:24
vue
vue.js
javascript
前端
通过cdn引入npm包并使用
然后是vue+elementui这个组合一般都存在于
vue-cli
工程化场景中。但是这种工程化场景不适合我
zg97zb
·
2024-01-15 20:13
Vue
学习记录
npm
vue.js
elementui
vue-cli
引入外部js文件( showDialog.min.js)
引入外部js文件ex:showDialog.min.js1.尝试npminstallshowDialog2.安装不了,只能下载下来3.在main.js引入importshowDialogfrom'./assets/js/showDialog.min'需要导出showDialog数据,首先要在js文件中输出image4.在showDialog.min.js中输出函数本身image5.在main.js
清汤饺子
·
2024-01-15 17:40
vue-cli
安装scss,且可以全局引入。
前言css预处理器让自己的css更加简洁、适应性更强、可读性更佳,更易于代码的维护。安装1.安装基础scss插件npminstallnode-sasssass-loaderstyle-loader--save-dev安装完毕后,我们发现如果需要在.vue文件中想用变量,必须import引入变量文件,css文件可以在main.js中可以直接import,而scss文件import会报错。2.安装自动
精神病赛车手
·
2024-01-15 13:56
前端开发面试必备的13道可以举一反三的Vue面试题
vue-cli
工程常用的npm命令有哪些?vue中keep-alive组件的作用?
野生程序猿A
·
2024-01-15 08:13
Vue.js学习系列六——Vue单元测试Karma+Mocha学习笔记
在使用
vue-cli
创建项目的时候,会提示要不要安装单元测试和e2e测试。既然官方推荐我们使用这两个测试框架,那么我们就动手去学习实践一下他们吧。
LarryHai6
·
2024-01-15 04:37
IT-前端框架-Vue
前端框架
vue
前端项目初始化步骤
用vue、
vue-cli
、vuex、element-ui、axios、echarts开发后台管理系统建议提前安装配置好node.js、git,同时建议安装最新稳定版本我是使用WebStorm,同时大多数命令也是在
pshawn
·
2024-01-14 18:54
vue-cli
创建项目,vue项目目录介绍
vue-cli
创建项目环境搭建-安装node官网下载安装包,傻瓜式安装:https://nodejs.org/en-安装cnpm-加速下载第三方模块:(用来替换npm命令的)npminstall-gcnpm
N10N11
·
2024-01-14 18:27
vue.js
javascript
ecmascript
在
Vue-cli
中 Sass 使用全局变量
sass-resources-loader使用sass-resources-loader插件,并修改utils.js/build/utils.jsscss:generateLoaders('sass').concat({loader:'sass-resources-loader',options:{//单个文件resources:'src/assets/sass/all.scss'//路径是根目录
hankchang
·
2024-01-14 08:48
vue创建项目
version查看镜像地址$npmconfiggetregistry设置淘宝镜像地址$npmconfigsetregistryhttps;//registry.npm.taobao.ort/创建项目:使用
vue-cli
可地出溜
·
2024-01-14 03:58
monaco报错#Unexpected usage at EditorSimpleWorker.loadForeignModule
场景升级monaco版本,和
vue-cli
版本,打开.ts后缀的文件,报错解决在vue.config.js文件中,添加chainWebpack(config){config.plugin("monaco
老衲的少女心i
·
2024-01-14 03:04
前端报错解决
前端
项目开发
vue.js
javascript
前端
monaco
Vue3+Vite项目搭建
为什么选择vite而不是
vue-cli
:vite下一代前端开发与构建工具vite创建的项目默认vue3优势:开发环境中,无需打包,可快速的冷启动轻量快速的热重载(HMR)真正的按需编译,不在等待整个应用编译完成
前端小趴菜05
·
2024-01-13 19:30
前端
vue.js
javascript
Vue的使用 -- 基于Vue搭建前端页面
安装Vue、
Vue-cli
我使用npm安装Vue、Vue脚手架#加上[-g]是全局安装/删除#如果想要删除([]里是要删除的文件的名字)$npmunint
十⑧
·
2024-01-13 12:25
前端学习笔记
echarts
vue.js
javascript
elementui
前端
上一页
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
其他