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-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
前端
用
Vue-CLI
搭建项目
2.现在我们要用
vue-cli
脚手架搭建我们的环境,首先我们要先下载下来脚手架,为了防止下载缓慢,我们设置一下
顾念柔
·
2023-12-31 08:04
vue.js
如何用
vue-cli
创建项目
1.安装node.js安装
vue-cli
之前,需要先安装node.js判断是否安装了node.js可以打开终端,如下:如果没有安装,可以进入node.js官网进行安装node.js官方网址:https:
顾一魏
·
2023-12-31 08:33
vue.js
前端
javascript
vue-cli
搭建项目步骤(包括项目目录说明)及基本配置
项目搭建1.cmd进入项目路径下的终端2.输入vuecreateprojectproject为所建项目名称,可自行修改可选择使用哪个版本的vue选择好后回车,项目就会开始搭建如果是要选择第三个Manuallyselectfeatures自定义配置的话,具体的配置项可以参考这篇博客https://blog.csdn.net/weixin_42617917/article/details/115774
lightoneone
·
2023-12-31 08:31
Vue学习笔记
vue.js
前端
javascript
【实战篇】基于
vue-cli
创建的项目进行打包优化
读完该篇文章你能学到
vue-cli
默认做了哪些优化?在cli的基础上我们又能做哪些优化?
Equicy
·
2023-12-31 08:31
webpack
vue-cli3
vue-cli
搭建项目及一些打包配置
vu-clivuecreate快速搭建项目版本信息:VueCLIv4.5.12vuecreateprojectName模式和环境变量模式1》开发模式vue-cli-serviceserve2》测试模式vue-cli-servicetest:unit3》生产模式vue-cli-servicebuild和vue-cli-servicetest:e2e当我们运行vue-cli-service时,环境变量
bug丸
·
2023-12-31 08:29
打包构建
vue.js
前端
移动端适配rem(Vant)
px利用vant提供的首先安装可以看到第二步配置1.安装npminstallpostcss-pxtorem-D2.在项目根目录创建.postcssrc.js文件配置完毕,重新启动服务(红色是警告,是因为
vue-cli
愿➣
·
2023-12-31 06:53
javascript
开发语言
rem
网页设计--第7次课后作业
2、安装
vue-cli
。4、修改默认的vue项目,体会main.js,app.vue以及其他vue文件之间的调用关系,明白vue工程化项目的运行原理。
wyhwust
·
2023-12-31 00:29
vue.js
javascript
前端
创建Vue项目+webpack打包
基于
Vue-cli
使用webpack进行打包准备1、使用vscode安装vetur、eslint、LiveServer、HTMLCSSSupportJavaScriptSnippetpack、HTMLsnippets
桔Bu
·
2023-12-30 14:10
SpringBoot+Vue项目(学生信息管理系统)搭建运行
node-v查看是否安装完成,如果显示版本号,说明安装成功4.输入淘宝镜像地址:npminstall-gcnpm-registry-https://registry.npm.taobao.org5.安装
vue-cli
汝严君
·
2023-12-30 10:33
vue.js
spring
boot
前端
vue-cli3/webpack打包时去掉console.log调试信息
二、使用配置
vue-cli
项目前言开发环境下,console.log调试信息,有助于我们找到错误,但在生产环境,不需要console.log打印调试信息,所以打包时需要将console.log调试信息过滤清除
骆骆爱学习
·
2023-12-30 10:46
vue.js
webpack
前端
vue中使用cesium方法总结
最近做的毕设用到了cesium,这里给大家总结一下vue如何结合cesium首先确定你使用的脚手架,
vue-cli
还是vite插件|Vite官方中文文档(vitejs.dev)如果是vite,那么只需要在官方文档中找到社区插件
小马大咖
·
2023-12-30 07:42
vue.js
webpack
javascript
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他