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
vite 如何设置 pwa,让网页类似 app 那样运行,使用插件 vite-plugin-pwa
vue-cli
环境时是这样实现的:Vue3PWA如何配置今
十月ooOO
·
2024-01-09 19:50
#
Vite
javascript
开发语言
ecmascript
vite
Node的下载安装及路由
除了要注意中间要选择安装位置其他直接点[Next]就可以,最后点[Install]和【Finish】三,环境配置1、查看自己安装是否成功打开命令窗口输入:node-v//显示node.js版本npm-v//显示npm版本2、安装
vue-cli
码农在路上—
·
2024-01-09 18:20
vue.js
Vue2:脚手架
Vue-CLI
的使用
一、环境准备vue脚手架(
vue-CLI
)的使用是基于nodejs环境下的。
生产队队长
·
2024-01-09 11:48
前端
vue.js
前端
javascript
Vue2:修改默认配置的方法
一、前情概要之前我们说到,用
vue-cli
创建vue项目之后,项目结构大概是这样的。其中,标红部分的文件是非常重要的结构文件,不建议修改文件名。但是,实际上了,vue是允许修改的。
生产队队长
·
2024-01-09 11:48
前端
vue.js
javascript
前端
React-项目构建与组件详解
React团队推荐使用create-react-app(相当于vue的
vue-cli
)来创建React新的单页应用项目,它提供了一个零配置的现代构建设置。
秃头请走开
·
2024-01-09 10:12
react.js
前端
前端框架
Vue3 快速上手-基于Vue2基础
Vue3快速上手-基于Vue2基础前言Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用
vue-cli
不爱吃奶昔(zsl0)
·
2024-01-08 19:15
===前端技术===
vue
前端
vue老项目升级vue-cli3.0问题总结【转发】
升级步骤1、删除原
vue-cli
并安装vue-cli3.02、删除新项目中src下的内容,把原项目中src目录覆盖到新项目中3、把router从目录文件夹改为文件,src/router/index.js
三省吾身_9862
·
2024-01-08 07:18
【一】使用
vue-cli
创建vue3的helloworld项目
不再推荐使用
vue-cli
命令创建vue3的项目,
vue-cli
是Vue早期推出的一款脚手架,使用webpack创建Vue项目。
恋上钢琴的虫
·
2024-01-08 06:31
vue.js
javascript
前端
[vue] Vue packages version mismatch 报错解决方法
在用
vue-cli
创建project时,vuecreateproject出现了vuepackagesversionmismatch的报错/usr/local/lib/node_modules/@vue/
han__sha
·
2024-01-08 04:17
vue
报错与解决
vue.js之
vue-cli
中使用less
vue.js之
vue-cli
中使用less1.首先,安装less和less-loader,在项目目录下运行如下命令npminstalllessless-loader--save-dev2.在配置文件build
一个小前端程序员
·
2024-01-08 01:44
Vue入门
一.安装
vue-cli
(第一次使用的时候进行安装)2.Npmi-gvue-cl3.Npmiwebpack-g4.Npmiwebpack-cli-g5.创建项目(Vuecreate项目的名字)6.如果出现这个就是
yangyang丫
·
2024-01-08 01:35
vue.js
前端
javascript
vue-cli
配置静态路由(vue-router)
分三部完成涉及文件:router目录下index.js和staticRouter.js,以及入口文件main.js一:staticRouters.js中代码如下:为了方便管理,静态路由的配置在单独文件管理//引入组件写法一:constindex=()=>{returnimport('./../components/index')}//引入组件写法二://constindex=function(){
这世界反了
·
2024-01-07 21:46
vue-router
vue
vue-router
vue3-vue-router创建静态路由和动态路由
htmljavascriptVue-cli项目中使用router动态路由App.vue主页面遇到的一些问题根据官网代码搭建router遇到了很多问题1.html是指用于HTML文件里的javascript卸载js文件里
Vue-cli
qq_41387775
·
2024-01-07 21:43
vueRouter
javascript
vue.js
前端
《Vue3 前端构建工具》
Vue-cli
与 Vite 创建项目的插件和配置对比
然而我的Vue3升级一再拖延(惭愧不已)~赶起来吧~今天用
vue-cli
和vite分别创建了Vue3项目,具体实现步骤见如下两篇。
AvatarGiser
·
2024-01-07 17:12
Vue3.x
小知识点
vue.js
前端
javascript
Webpack项目学习:
Vue-cli
(脚手架)-优化配置 -ui库element-plus+减小打包体积 -按需加载+自定义主题+优化
安装npmielement-plus全部引入,在入口文件main.js启动:npmstart按需引入需要插件快速开始|ElementPlus(gitee.io)npminstall-Dunplugin-vue-componentsunplugin-auto-import//ESLint先引入constESLintPlugin=require('eslint-webpack-plugin');//N
¡Venceremo
·
2024-01-07 15:49
Webpack
webpack
使用
vue-cli
创建项目模板
打开终端(我用的是gitbash,windows下)cd~/Desktopnpminstall-gvue-cli全局安装vue-clivueinitwebpackblog-client提示(vue命令不能使用,网上有其他解决办法,这里不使用)参照官网工程创建npminstall--global@vue/cli全局安装@vue/cli运行vueinitwebpack你的项目名称提示如下:1.pngn
王童孟
·
2024-01-07 11:02
53、浅谈vue项目打包优化策略
使用
vue-cli
部署生产包时,发现资源包很大,打包后的vendor.js达到了1.4M,这已经很大了,而且会影响到首屏加载。那么,怎么优化呢?1.组件按需加载这是首先可以优化的点。
world_7735
·
2024-01-07 10:01
前端项目笔记
SGG前端项目1、新建文件夹利用
vue-cli
脚手架搭创建一个新的项目,打开终端,定位到桌面,然后再进行创建,不然可能会出现找不到新建的项目文件夹~%cddesktopdesktop%vuecreatereview2
tptx
·
2024-01-07 09:11
前端
解决Vue打包后背景图片路径错误问题
解决Vue打包后背景图片路径错误问题1.原因解析当用
vue-cli
自动构建项目后,有两种运行方法,分别是:npmrundev:提供一个开发的环境,自动热更新,资源使用绝对路径,所以可以正常看到背景图片。
云城雪华
·
2024-01-07 09:10
node.js
vue.js
es6
javascript
webpack
vue 打包css路径不对_
vue-cli
打包后CSS background不显示,图片路径错误问题
这个问题很多同学都会碰到,问题原因点我下面给出解决方案先看项目的的结构:在Solution.vue组件中,CSS里定义了background,图片路径使用相对路径,Solution.vue相对于img的路径为../assets[css].banner{width:100%;height:600px;padding:140px20px;-webkit-box-sizing:border-box;bo
weixin_39633437
·
2024-01-07 09:40
vue
打包css路径不对
将
vue-cli
的webpack配置独立输出
vueinspect--mode=development>webpack.dev.jsvueinspect--mode=production>webpack.dev.js如果vue没有全局安装,并且使用了
vue-cli
大猫会长
·
2024-01-07 03:00
webpack
Vue
webpack
vue.js
javascript
vue 项目 在main.js引入scss文件时报找不到文件的异常(确定路径正确)
解决:新版本的
vue-cli
已经帮我们把sass-loader配置好了,放在util.js里面了前面我们通过cnpminode-sasssass-loader-D安装好了scss依赖并在build文件夹下的
是阿信ya
·
2024-01-07 03:49
vue.js
javascript
scss
饿了么(elementUI)组件库如何在vue项目中使用?
Element-Theworld'smostpopularVueUIframeworkhttps://element.eleme.cn/#/zh-CNelementui是做PC项目的首选创建项目并引入element组件库用
vue-cli
标题只用h1
·
2024-01-06 22:23
elementui
vue.js
VUE大屏数据实战
根据B站朝夕教育的芳芳老师的视频写的:B站视频安装
vue-cli
脚手架构建工具
vue-cli
提供一个官方命令行工具,可用于快速搭建大型单页应用。
哎亚亚哎亚亚
·
2024-01-06 19:15
vue.js
javascript
前端
vue项目中线上环境去掉console.log
vue-cli
:2.5在vue项目本地调试过程中,为了查找问题,我们在代码里会写比较多的console代码,然后打包发布的过程中,做删除这个动作又太麻烦,所以可以利用webpack的插件,解决这个问题。
北暖37
·
2024-01-06 12:14
微信小程序mpvue入坑(2)之初始化及引入vant-weappUI——新增源码地址
之技术对比选型微信小程序mpvue入坑(3)之Promise封装wx.request及整合Api微信小程序mpvue入坑(4)之vuex使用微信小程序mpvue入坑(5)之组件封装初始化项目首先先构建一个项目#全局安装
vue-cli
wocwin
·
2024-01-06 06:23
vue
小程序
微信小程序
mpvue
vant-weapp
vue-cli3.0.0-rc.3与2.x的区别
安装启动等命令不一样npmi-gvue-clivueinitwebpack项目名称cd项目名称npmicnpmrundev//vue-cli2.xnpmi-g@vue/
vue-cli
或者yarnaddglobal
南蓝NL
·
2024-01-06 04:18
vue 项目 打包或者本地运行时 通过package.json 修改 环境变量
可以根据
vue-cli
官方提供的通过新增不同env文件来配置不同的环境变量之外也可以使用其他便捷的方式。
年年CODE
·
2024-01-05 19:03
vue.js
前端
Vue-Cli
5.0.0搭建Cesium环境
1、创建
vue-cli
项目1、查看vue版本使用指令:vue-V2、创建Vue项目1、在需要创建文件的目录,输入cmd2、在命令行,输入vuecreate,并选择最后一项3、选择插件4、选择Vue版本3.05
生活真难
·
2024-01-05 18:01
Cesium
vue.js
javascript
前端
vue-cli
工具-路由传参&路由进阶&路由缓存
一、路由传参1、params参数路由配置{path:'/index',//重定向到指定的路由redirect:'/'},{//注意:这里的路由需要传一个参数,路由可以传多个参数path:'/city/:id',//设置该选项为true,组件可以通过props选项接收路由参数props:true,component:City},//*号,表示匹配不上的所有路由{path:'*',component:
韩歆歆
·
2024-01-05 16:06
vue-cli
创建vue项目进行选择配置
如果你还没有安装VueCLI,请执行下面的命令全局安装或是升级:npminstall--global@vue/cli在命令行中输入以下命令创建Vue项目:vuecreatemy-project(项目名)//也可以使用可视化命令面板创建项目vueuiVueCLIv4.2.3?Pleasepickapreset:default(babel,eslint)>Manuallyselectfeaturesd
meloeyLeo
·
2024-01-05 14:25
vue项目流程
vue
Vue知识总结-上
VUE初识Vue是一套用于构建用户界面的渐进式(由只需要轻量小巧的核心库构建的简单应用逐渐扩展为可以引入各式各样的Vue组件构建的复杂应用)JavaScript框架Vue需掌握的内容:Vue基础、
Vue-cli
奉先节度使
·
2024-01-05 13:34
vue
vue-cli
使用环境配置文件env
.env#在所有的环境中被载入.env.local#在所有的环境中被载入,但会被git忽略.env.[mode]#只在指定的模式中被载入.env.[mode].local#只在指定的模式中被载入,但会被git忽略1,.env后缀的文件是全局默认配置文件,不论什么环境都会加载并合并。2,.env.development是开发环境下的配置文件,仅在开发环境加载。3,.env.production是生产
XJF_XH
·
2024-01-05 09:48
vue.js
前端
手撕Vuex-vuex实现原理分析
创建一个Vuex项目,我这里采用
vue-cli
创建一个项目,然后安装Vuex。vuecreatevuex-demo选择Manuallyselectfeatures。这里只需要,Babel与Vuex。
快乐非自愿
·
2024-01-03 23:41
vue.js
vue
架构
开发语言
2019-06-29
vue的特点1)遵循MVVM模式2)编码简洁,体积小,运行效率高,适合移动/PC端开发3)它本身只关注UI,可以轻松引入vue插件或其它第三方库开发项目Vue扩展插件1)
vue-cli
:vue脚手架2)
CC__XX
·
2024-01-03 23:17
vue-cli
打包后资源路径报错及样式中背景图片的引用问题
1、打包后资源路径报错通过
vue-cli
生成的项目,npmrunbuild打包后的文件部署后会报错,找不到样式文件和js文件。
如你眉间山水
·
2024-01-03 00:32
Vue 全局引入bass.scss 处理方案 2018-03-26
安装$>cnpmi-Dsass-resources-loader配置配置的话是在vue的loader解析器中配置,即在
vue-cli
脚手架方式构建出来的文件中是以build/utils.js,在该文件中定义了
Bboy_2016
·
2024-01-02 19:52
uni-app
vue-cli
命令行创建项目,拉取模板(dcloudio/uni-preset-vue)失败,443超时报错
问题根据官网提示,通过
vue-cli
命令行创建项目,出现如下报错。
好巧.
·
2024-01-02 16:27
vue
uni-app
vue
uni-app
用uniapp开发打包多端应用完整指南
一、uni-app项目介绍用uni-app开发多端项目,一套代码可同时打包出各端小程序、h5和app,uni-app支持通过HBuilderX可视化界面和
vue-cli
命令行两种方式创建项目,下面示例项目采用
CRMEB商城系统
·
2024-01-02 09:34
uni-app
用vue-node-mongodb写了一个个人博客
github地址网站地址前端页面的文档页面的话,直接使用
vue-cli
生成项目,安装相应依赖包,运行项目,该项目中安装的依赖包包含
weixin_30782293
·
2024-01-02 09:46
数据库
javascript
前端
ViewUI
在
Vue-cli
中使用 axios
axiosvue-axios两个插件搭配使用就不用多次引入了使用方法importVuefrom'vue'importaxiosfrom'axios'importVueAxiosfrom'vue-axios'Vue.use(VueAxios,axios)Vue.axios.get(api).then((response)=>{console.log(response.data)})this.axio
hankchang
·
2024-01-02 06:19
vue2脚手架之自定义组件的总结
vue脚手架指的是
vue-cli
,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
lqj_本人
·
2024-01-01 21:57
vue
webpack
前端
vue.js
vue图标使用
是由于
vue-cli
内部给我们配置svg:file-loader),采用方式使用(见图二)3、直接使用组
smartHui
·
2024-01-01 19:09
新手小白:一文带你用vite从零搭建企业级开发环境
在这工作的半年时间里,开始接触了前端开发,技术栈主要用的是vue2,但是自己利用时间也学习了vue3,组合式api和vue3的各种生态比vue2好用太多了,特别是状态管理库pinia比vuex简介很多,构建工具也从
vue-cli
九号新秀
·
2024-01-01 17:09
vue.js
如何将组件发布到NPM库-详解
搭建发布环境a)下载node(http://nodejs.cn/download/)b)下载
vue-cli
(npminstall@vue/cli)创建一个vue项目(vuecreatemyui)修改默认文件夹
孤我不夜城
·
2024-01-01 07:51
js
Node
vue
Node
vue
前端
Vue-cli
3.X 基于多页面应用的 项目集成环境搭建
Vue-cli3.x的多页面应用不多说了,可以直接看官网https://cli.vuejs.org/zh/config/#pages多页面应用简单理解就是:一个项目有多个入口,只要输入不同的入口地址即可.一般应用于css换肤,管理系统的前端展示和后台管理等应用场景.目的是为了一些公用资源(css,js,组件等)高效利用,更利于项目的维护及开发效率.下面我们来具体看一下怎么配置我们的集成环境搭建其实
酷酷的凯先生
·
2024-01-01 03:34
使用vite创建单页应用
vite是vue官方提供另外一种快速创建工程化的SPA项目的方式(一共有两种方式)基于vite创建SPA项目基于
vue-cli
创建SPA项目创建vite的项目`npminitvite-app项目名称cd
beizi
·
2023-12-31 21:51
vue-cli
创建带router的项目,并且引入Element UI
首先强调,创建
vue-cli
项目的前提是必须要安装node.js文件,否则无法安装,vue的版本过高会有一些问题,比如在win7的系统无法运行vue3,亲测第一步,找到你要创建项目的文件夹,按图示输入cmd
又铉
·
2023-12-31 19:52
uniapp小程序—新建
一、在HbuilderX中新建点击新建项目,选中uni-app选项,然后输入文件名,之后根据需求选模板就行(我这选的默认模板)image.png二、用
vue-cli
创建uni-app项目全局安装
vue-cli
imdongliang
·
2023-12-31 11:11
使用
Vue-cli
创建项目
脚手架创建项目流程1.环境配置首先确定安装了Vue、Node及npm或yarn下载地址:Vue:https://cn.vuejs.org/v2/guide/installation.htmlNode:https://nodejs.org/zh-cn2.安装脚手架安装地址:https://cli.vuejs.org/zh/guide/installation.html全局安装vuecli(就相当与在
森呼吸。
·
2023-12-31 08:37
Vue
vue.js
javascript
前端
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他