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
(2.x)开发web的基础(三)-局域网中访问,跨域等设置
1.vue-cli开发环境局域网中访问设置最新版本生成vue在开发环境中已经不直接支持在局域网内访问网页为了能在局域网中使用,需要在package.json里面设置在键"scripts"对应的里面的"dev"后面添加--host"路径"例如2.vue-cli开发环境跨域设置在config/index.js文件中dev对应的proxyTable,在里面添加键值对'/test':{target:'ht
Unique_c
·
2023-03-17 11:21
npm发布自己的组件UI包(详细步骤,图文并茂)
文章目录1.新建vue项目全局安装
vue-cli
创建一个vue项目2.修改添加文件夹3.新建vue.config.js文件4.编写组件放置在packages中①
还是大剑师兰特
·
2023-03-17 10:07
Network
灰鸽宝典
npm
npm发布组件包
npm上传发布
基于vue的企业级可用前端框架(开篇)
我们从利用
vue-cli
手脚架工具创建项目开始,一步一步的建设我们的基础框架。首先,我会详细的讲解PCweb端项目的建设过程,并编写每一行代码。
欢喜明
·
2023-03-17 10:38
vue入门:vue项目架构设计起步
在之前已经熟悉了如何使用
vue-cli
进行新建项目,具体见vue入门:使用vue-cil新建vue项目。
dell_ling
·
2023-03-17 05:13
vue项目如何让局域网ip访问配置设置
目录vue让局域网ip访问配置设置vue局域网使用ip无法访问的解决vue让局域网ip访问配置设置在开发中,为了让同一局域网的小伙伴,都可以通过IP地址访问到
vue-cli
搭建的项目,要怎么配置呢?
·
2023-03-17 01:37
Vue核心知识
作用是为了动态构建用户界面,该框架遵循MVVM模式,编码简洁,体积小,运行效率高;他借鉴了angular的模板和数据绑定技术,借鉴了react的组件化和虚拟DOM技术,当然,该技术也存在一个Vue全家桶,例如vue脚手架:
vue-cli
Waldeinsamkeit4
·
2023-03-16 22:58
vue-cli
从2.9.6升级到3.0
把原先的卸载后再重新安装,关于VueCLI3关于旧版本VueCLI的包名称由
vue-cli
改成了@vue/cli。
邓华_6e8c
·
2023-03-16 22:26
[译]尤雨溪: Vite 会取代
vue-cli
吗?
Twitter时,突发奇想去看了一眼尤大的账号,发现了一段有趣的推文,在尤大国内的社交平台账号中(知乎、微博等)并没有发现他发表过类似的话,倒是听过他说会有越来越多的人弃坑Webpack用Vite,还听过有人说
vue-cli
手撕红黑树
·
2023-03-16 18:33
vue :src 文件路径错误
一、
vue-cli
的assets和static的两个文件的区别1.assets:在项目编译的过程中会被webpack处理解析为模块依赖,只支持相对路径的形式,如和background:url(.
华夏车前子
·
2023-03-16 14:06
nuxt.js安装
1.用npm来安装
vue-cli
这个框架,npminstallvue-cli-g安装完成后可以使用vue-V来测试是否安装成功。(注意:这里要使用大写的V,小写无效)。
简单的源代码
·
2023-03-16 10:54
搭建Vue-TypeScript项目(一)
等等假设你有了vue基础,并且学会了基础的typescript语法安装1.node版本node版本要求node>=8.9以上,使用以下命令查看node版本node-v2、vue-cli3安装(1)若已全局安装
vue-cli
风轻云淡小小木
·
2023-03-16 06:38
FY-7216 8-vue基础知识&vue 进阶&
vue-cli
vue进阶用法特征一:模板化插槽默认插槽组件外部维护参数以及结构,内部安排位置具名插槽以name标识插槽的身份,从而在组件内部做到可区分作用域插槽slot-scope(2.6before)v-slot(after)外部做结构描述勾勒,内部做传参模板数据的二次加工watch、computed=>相应流过于复杂(computed赋值)方案一:函数-独立、管道/无法响应式方案二:v-html方案三:过滤
hahahafffyyy
·
2023-03-15 21:24
2.Nuxt 项目初始化
一、利用
vue-cli
脚手架初始化项目1.安装脚手架npmi-gvue-cli2.利用脚手架初始化项目vueinitnuxt-community/starter-templatedemo其中demo为projectname3
winzhyming
·
2023-03-15 17:02
vue生态介绍
官方工具链路由:vue-router状态管理:vuex构建工具脚手架:
vue-cli
开发者工具:vue-devtoolsIDE支持:vscode+vetur静态检查:ESLint+eslint-plugin-vue
一米阳光kk
·
2023-03-15 16:28
快速搭建Vue脚手架(
vue-cli
)并创建一个项目
//nodejs.org/en/download/一直默认就行,路径可以改变但要记得到安装完成后cmd,输入1.node-v2.npm-v如果能看到node和npm的版本号了,说明已经安装成功2、安装
vue-cli
无言_f70a
·
2023-03-15 14:48
上传coding 创建
vue-cli
项目 压缩文件
1,下载淘宝镜像,因为npm是国外的,淘宝镜像是国内的,可以加快下载的速度npminstall-gcnpm--registry=https://registry.npm.taobao.org2,上传coding因为上传到coding可以长期的保存自己的项目gitinitgitadd.gitcommit-m"firstcommit"gitpush-uoriginmaster3,使用v-cli创建项目
那年的雨
·
2023-03-15 10:03
解决安装运行
vue-cli
一系列小问题
第一次安装
vue-cli
遇到的一些小问题及解决办法。
小学生江止丶
·
2023-03-15 10:01
Vue3项目创建(包含vue.config.js配置)
文章目录一、创建1、版本2、创建3、配置4、使用一、创建1、版本//查看
vue-cli
版本,确保在@vue/cli4.5.0以上vue-V2、创建//1、配置完成会创建一个vue3的文件夹在项目目录中(
kimi-001
·
2023-03-15 05:31
vue
javascript
vue.js
前端
使用vue-cli3搭建vue项目
vue-cli
使用前提安装node安装
vue-cli
:npminstall-g@vue/
[email protected]
、默认创建(1)进入要创建vue项目的文件夹,输入命令vuecreate项目名。
陈德文Devin
·
2023-03-15 01:39
vue.js
创建一个Vue工程遇到的问题总结12.23
只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:#全局安装
vue-cli
$npminstal
__miss__right
·
2023-03-14 21:08
WEB
Vue
Vue
Web
IE和Android低版本app无法显示vue项目
问题就不用在描述了吧,直接看题目,详细过程以后再补充,下面是解决方案:Tips:我的项目是用
vue-cli
搭建的,自己配置的根据自己的配置去调整安装babel-polyfill:npmibabel-polyfill-S
SPEIKE
·
2023-03-14 18:46
vue+node+mongodb实现的简单TodoList
项目搭建环境需求
vue-cli
(脚手架)、mongodb、nodejs在mongodb中数据库-》集合-》文档文档的数据结构和JSON基本一样。所有存储在集合中的数据都是BSON格式。
橙汁坤
·
2023-03-14 18:34
15-Vue-CLI4基本使用
因为使用webpack搭建项目是比较繁琐的,Vue为了简化这一操作,于是开发出了
Vue-CLI
。通过
vue-cli
我们就可以直接使用webpack。二、安装
仰望_IT
·
2023-03-14 17:21
vue + iview 项目搭建
1.vueinitwebpacktorow-notes(
vue-cli
脚手架安装)2.cdtorow-notesnpmrundev(运行项目)3.npminstall--saveiview(安装iview
Torow_214e
·
2023-03-14 14:55
基于
vue-cli
(mock假数据)
基于
vue-cli
,我们就来演示一下如何模拟假数据,用到了express,和express.Router、依旧废话不多说,直接上代码。
进击的小前端
·
2023-03-14 12:06
VUE CLI 2.X和 3.X创建项目和区别说说明
vueCli(vue脚手架)vueCli3.X对node有一定版本需求(node>=8.9.X),先查看node版本node-vnpm-v,如果你安装了就的旧的版本关于旧版本:VueCLI的包名称由
vue-cli
whiteleaf
·
2023-03-14 11:17
关于npm和cnpm安装依赖的踩坑记录
背景:
vue-cli
脚手架构建的项目本地开发正常,打包放到nginx服务器上以后进入其中某一个页面出现报错,如下图:image.png问题分析及解决方案1.出现这种报错首先会想到某个变量作为数组操作,经过排查并做了一些异常判断后问题仍存在
易冷zzz
·
2023-03-14 11:30
在学习
vue-cli
遇到的一些问题
【问题一】在初始化vue项目时出现了如下错误:解决方法:安装cnpm,然后输入cnpminstall命令在此之前,需要先安装有npm,一般如果你下载安装了node都会自带有npm,因为我使用的是phpstrom,可以直接在该IDE里直接打开控制台,快捷键为alt+F12。安装cnpm:在打开的控制台里输入npminstall-gcnpm-registry=https://registry.npm.
cloudstate
·
2023-03-14 10:22
直接使用 babel 命令行工具构建 SDK 开发环境
我们在进行日常的前端开发时可能会借助create-react-app,
vue-cli
或是webpack之类的构建工具,这些工具将我们从繁杂的环境配置中解放出来,从而将精力集中到业务逻辑的开发上来。
wfatec
·
2023-03-14 09:40
vue-cli
升级报错问题
1:npminstall-g@vue/
[email protected]
:会报错信息如下Removetheexistingfileandtryagain,orrunnpmC:\Users\zfwxzx\AppData\Roaming\npm-cache_logs\2021-07-20T07_31_15_801Z-deb3:解决办法npmcleancache-force或者删除npm-cache或者直接前往C:
不付好时光
·
2023-03-14 06:15
vue-cli
项目打包多个与static文件同级的静态资源目录(copy-webpack-plugin插件的使用)
场景业务要求能够直接通过“域名+/file”的方式访问静态资源的html,然而产品绝对static暴露在url中不好看又不能直接将html放在static中。所以想到了既然static可以直接访问,那么给他新加几个文件目录应该不是问题。重点在webpack.dev.conf.js和webpack.prod.conf.js两个文件中,都有这样一段配置代码://copycustomstaticasse
_双眸
·
2023-03-14 03:06
带你了解vue
vue-cli2这里的配置主要是解决我们开发的本地环境和服务器环境存在跨域的问题我们可以规定传入的数据类型有关于vuex的一些代码示例我会在之后更新,本文章来自于之前公司内部分享的ppt,如有雷同纯属巧合,现在
vue-cli
越努力越幸运_952c
·
2023-03-14 03:53
2.helloworld 添加常用插件(helloworld of vue + electron)
helloworld添加常用插件记录了添加插件的一些过程接上一篇:1.最简框架搭建(helloworldofvue+electron)常用插件在最初使用
vue-cli
创建项目时,为了最简化,我们什么插件也没有选择
OneTrader
·
2023-03-14 01:05
tslint 注释-react-dva
linebreak-style)修改eslinttrc.js新增"linebreak-style":["off","windows"],rules:{"linebreak-style":["off","windows"],}注释
vue-cli
JennyGao66
·
2023-03-14 00:28
vue3和vue2区别
如果是2开头说明当前使用的是vue-cli2,3开头的话就是vue-cli4查看版本:vue--version如果无法识别vue命令说明没有安装
vue-cli
,使用以下说明进行安装安装3.0版本:npminstall-gvue-cli
weixin_46183126
·
2023-03-13 10:45
vue.js
npm
javascript
vue.js在线简历编辑器
首先是自己安装npm和nodenpminit-yyarnyarnglobaladd@vue-cli//使用yarn全局安装
vue-cli
;yarnserve//创建并打开服务器npmrunbuild
湾里晴空
·
2023-03-13 10:54
vue-cli
搭建项目学习
1、安装nodenode官网下载安装2、安装vue-clinpminstall-g@vue/cli3、打开终端,进入文件夹npmcreateproject//创建项目project,点击enter继续4、选择创建项目选择配置方式vue2是我之前创建项目环境用到的一些配置保存下来的,这里新手可以选择Manuallyselectfeature,自己手动配置5、选择需要配置的,如Babel转码器(空格选
EO_eaf6
·
2023-03-13 07:28
VUE开发--NPM组件开发
一、封装npm包1.使用
vue-cli
创建一个基础项目。vuecreatehuoniu8-scratch2.调整目录我们需要一个目录存放组件,一个目录存放示例,按照以下方式对目录进行创建。
无剑_君
·
2023-03-13 04:44
vue-cli
各配置文件注释详解
1、build.js'usestrict'//立即执行require('./check-versions')()//process是node中的global全局对象的属性,process是node中的全局变量,env设置环境变量process.env.NODE_ENV='production'//ora是一个命令行转圈圈动画插件,好看用的constora=require('ora')//rimra
热心程序猿黄帅哥
·
2023-03-12 17:12
vue项目中配置favicon图标
利用
vue-cli
脚手架搭建的项目,如果不手动配置,页面中是不会显示favicon图标。第一步:开发环境配置,配置图片地址就OK了第二步:生产环境配置,
前端小菜鸟御马
·
2023-03-12 13:23
一锅烩了那些React项目开发绕不过去的配置
前言习惯了使用Vue开发的小伙伴,如果突然切换到React技术栈,刚开始肯定会有些手足无措,因为相比Vue的脚手架
Vue-cli
,React官方提供的脚手架工具c
桃花谷主V
·
2023-03-12 09:07
一篇文章说清 webpack、vite、
vue-cli
、create-vue 的区别
webpack、vite、
vue-cli
、create-vue这些都是什么?看着有点晕,不要怕,我们一起来分辨一下。
前端打工人
·
2023-03-12 04:16
JavaScript
vue.js
webpack
javascript
查看
vue-cli
搭建项目的webpack默认配置
⭐⭐⭐⭐
vue-cli
对webpack配置进行了抽象,所以不能直接查看,但是vue-cli-service暴露了inspect命令用于审查解析好的webpack配置。
宛宛心里的月亮
·
2023-03-12 04:31
前端技术
webpack
vue.js
javascript
vue-cli
中terser-webpack-plugin应用实战
餐前小菜值得注意的是,
vue-cli
在开发环境中TerserWebpackPlugin是不会生效的,所以在引入该插件时,即使我们希望只在生产环境中生效,
Run_youngman
·
2023-03-12 04:13
Some
meaningful
vue.js
webpack
javascript
IDEA搭建
vue-cli
| vue-router | 排错思路、Webpack、Axios、周期、路由、异步、重定向
wei_shuo的个人主页wei_shuo的学习社区HelloWorld!Vue.js概述Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用(SPA)提供驱动MVVM
wei_shuo
·
2023-03-12 04:40
Vue
vue.js
webpack
intellij-idea
node.js
vue-cli
中全局引用scss方法
下载:npminstall-Dsass-resources-loader在build中utils中将scss:generateLoaders('sass')注释掉添加:scss:generateLoaders('sass').concat({loader:'sass-resources-loader',options:{resources:path.resolve(__dirname,'../sr
会飞的闰土
·
2023-03-12 02:38
用
vue-cli
创建有vue-router的vue项目
安装npminstall-g@vue/cli#ORyarnglobaladd@vue/cli这是全局安装,只需要安装一次创建一个项目vuecreatemy-project1。让你选择默认配置还是手动配置,我这里选择手动配置image2。空格键可以选择/取消选择,这里我取消了Linter/Formatter,选择了Router,选好后按回车键image3。问你babel等这些配置文件放哪?//ind
温酒居士
·
2023-03-12 02:32
vue-cli
的安装
vue-cli
的安装cnpminstall-gvue-cli检查是否安装成功vue安装webpackcnpminstallwebpack-g新建vue项目cd到项目文件夹下比如vuetest执行vueinitwebpackvuetesteg
九四年的风
·
2023-03-11 21:03
从
vue-cli
升级到@vue/cli - mac
其实这是个比较简单的问题~踩坑场景:根据vuecli官方文档,需要先卸载旧版的
vue-cli
,再安装@vue/cli卸载vue-clinpmuninstall-gvue-cli安装@vue/clinpminstall-g
qxz9
·
2023-03-11 20:21
1.创建Vue新项目,使用git上传本地代码到gitee
(2)安装脚手架
vue-cli
,输出命令npminstall-g@vue/cli安装|VueCLI(vuejs.org);安装好后,输出vue--version查看是否安装成功。注:安装
Jun.27
·
2023-03-11 17:12
Git
前端笔记(一)
git
vue.js
上一页
39
40
41
42
43
44
45
46
下一页
按字母分类:
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
其他