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
项目中使用Echarts和Echarts的百度地图扩展bmap
安装:npm安装:百度地图API官网申请key,在index.html中引入百度地图:在webpack的配置文件中设置外部扩展:如果是Vue-cli2,在build/webpack.base.conf.js中加入以下代码:module.exports={......//externals属性:防止将某些import的包package打包到bundle中,而是在runtime运行时再去从外部获取这些
花铛
·
2020-09-12 23:40
Echarts
vscode创建vue项目
新建项目打开Visualstudiocode打开一个你想要创建项目的文件夹打开集成终端:查看–>集成终端或者直接按ctrl+`如果没有安装
vue-cli
,在终端输入:npminstall-gvue-cli
sara-
·
2020-09-12 23:22
前端
vue
前端-小笔记
vue-cli4.x开发环境搭建
1.安装nodenode的版本要求大于8.92.安装
vue-cli
打开cmd或者powershell如果之前安装过其他的版本npminstallvue-cli-g没有安装其他版本,则直接安装npminstall
829896
·
2020-09-12 23:22
vue.js
javascript
node.js
vue-cli
脚手架build目录中的webpack.base.conf.js配置文件
此文章用来解释
vue-cli
脚手架build目录中的webpack.base.conf.js配置文件此配置文件是vue开发环境的wepack相关配置文件,主要用来处理各种文件的配置关于注释当涉及到较复杂的解释我将通过标识的方式
叶家伟
·
2020-09-12 23:50
搭建
vue-cli
1.安装nodehttp://nodejs.cn/download/node-v查看安装好没2.想安装速度快点,可以使用淘宝镜像npminstallcnpm-g--registry=https://registry.npm.taobao.orgcnpm-v查看版本3.全局安装vue-clicnpminstall-gvue-clivue-V查看版本4.cnpminstallwebpackwebpac
Jasminna
·
2020-09-12 23:12
实战vue+mySql 链接数据库并操作
PHP后台,给接口文档的时候给了我一个数据库的账户密码和表,所以我只能通过前端连接数据库并写sql语句调用数据,以下是我整理的实战过程,包括步骤,遇到的问题等,复制即用,哈哈,那么我们开始吧~1.安装
vue-cli
十二念
·
2020-09-12 23:07
vue脚手架
vue-cli
中 引入 jquery 把某个按钮 加上点击事件 事件 第一次 成功 第二次就失效了
这里其实涉及到了vue生命周期当我们引入jq是不是每次都要写$(function(){})或者是document.ready等代码其实这里可以看出jq生效也是有生命周期得所以我们让jq生效必须在生命周期内我们在这里可以利用vue生命周期把jQuery中的代码放到mounted中此时就可以生效了看下图
小马哥的天涯
·
2020-09-12 23:33
vue实践
vue-cli
jquery
vue入门(二) 使用nodejs,webpack,
vue-cli
搭建项目
在上一篇文章中已经介绍过用cdn的方式使用vue。这次改为在nodejs中搭建vue项目。在nodejs环境和各种工具的帮助下你可以使用ES6语法,组件,模块来开发web应用,使前端开发更加工程化。一、安装nodejs打开nodejs官网选择左边推荐版本,下载安装。安装完成后,打开CMD,输入node-v,检查是否已经安装成功。显示版本号即表示成功安装了。这里要插入介绍一下npm(nodepack
啊BEN999
·
2020-09-12 23:55
vue
在
VUE-CLI
3下的第一个Element-ui项目(菜鸟专用)
vue-cli3.0使用及配置(https://www.cnblogs.com/xzqyun/p/10779891.html)以上是vue-cli3.0使用及配置这里我们来引用基于vue-cli@3的Element组件在这里要使用到vue-cli@3下的Element的组件特别方便创建好项目后输入vue addelement会出现以下提示?HowdoyouwanttoimportElement?(
相太阳
·
2020-09-12 23:00
初始化vue项目实例(
vue-cli
)
准备工作vscode编辑器、chrome浏览器、node安装步骤全局安装vue-clinpminstallvue-cli-g初始化一个项目vueinit第一个是模板名称,第二个是项目名称,模板有webpack,webpack-simple,browserify,browserify-simple,simple我们这个项目使用的是webpack。把文件切换到初始化的项目中cdprojectName安
mandy1020
·
2020-09-12 23:30
VUE
使用webpack-bundle-analyzer分析webpack包
webpack-bundle-analyzer主要用于分析webpack打包后各个模块的体积项目是使用
vue-cli
的webpack-template为基础模板构建的下载webpack-bundle-analyzernpmintallwebpack-bundle-analyzer–save-dev
前端小叶
·
2020-09-12 23:03
webpack
javascript
webpack
npm
vuejs项目性能优化总结
(下面的优化建议只在
vue-cli
脚手架下做过测试,详情请参考)1.代码包优化屏蔽sourceMa
大灰狼的小绵羊哥哥
·
2020-09-12 23:29
【Vue2.0-3.0点滴知识
】
vue-cli
利用webpack-bundle-analyzer分析构建产物
好消息是
vue-cli
官方已经集成了这个插件功能。可是第一次使用npmrunbuild--report却发现并没
3hahaha
·
2020-09-12 23:22
vue
javascript
vue-cli
的基本使用
全局安装
vue-cli
:cnpminstallvue-cli-g。检查安装是否正确:vue-V。初始化项目:vueinitwebpackbmSystem。
我家小薇薇
·
2020-09-12 23:42
Vue学习—项目操作篇
vue-cli4脚手架搭建速度太慢的坑
脚手架搭建速度太慢的坑网上查阅了很多资料,总结几点:1.taobao镜像源:npminstall-gcnpm--registry=https://registry.npm.taobao.org;但是有网友说
vue-cli
qq_41459679
·
2020-09-12 23:40
npm
vue
vue.js
在windows下搭建vue-cli3项目环境
说明今天将介绍
vue-cli
脚手架在windows环境下搭建项目的过程。其中,
vue-cli
的版本是3.0,电脑系统是windows10。
我有一个梦!
·
2020-09-12 23:34
前端基础-Vue
vue.js
Vue移动端开发--配置
首页使用
vue-cli
脚手架安装项目开发包,以及配置git环境Vue+vuex+axios+rem(flex)配置4个环境,调用不同的接口:local(本地开发)、beta(测试)、pre(预上线)、prod
花胖胖
·
2020-09-12 22:41
vue
jeecg-boot 前端环境搭建
1.1配置node.js在node.js官网下载最新版稳定版的node.js安装,自带了npm工具在cmd中输入node-vnpm-v出现版本号说明配置成功1.2配置vue.cli全局安装
vue-cli
亦萧
·
2020-09-12 22:56
环境配置
vue-cli
脚手架搭建流程图
总结vue脚手架搭建的流程,以及本人在搭建过程中遇到的bug。(单击鼠标右键,选择“在新标签页中打开图片”或“图片另存为”可查看原图)
Mei-Ming
·
2020-09-12 22:06
前端设计
Vue面试题解析
Vue-cli
面试题[转载自:https://segmentfault.com/a/1190000016351284]1构建的
vue-cli
工程都到了哪些技术,它们的作用分别是什么?
m0_38046408
·
2020-09-12 22:28
vue-cli
的webpack模板项目配置文件分析
由于最近在
vue-cli
生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会
Lucky_LXG
·
2020-09-12 22:11
vue
2.0
Vue-cli4脚手架搭建
目录安装node.js安装cnpm安装
vue-cli
脚手架构建工具创建项目启动项目随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中如何搭建开发脚手架呢安装node.js进入官网下载
Amo℃柠檬
·
2020-09-12 21:56
npm
nodejs
vue
Windows之
vue-cli
安装和vue项目快速搭建
三、使用npm安装
vue-cli
。1、打开运行——输入cmd——切换到node.js的安装目录(C:\Users\asus>d:)。2、输入npminstallvue-cli-g,进行v
zhang-php
·
2020-09-12 21:39
node.js
vue-cli
vue
Use history mode for router? Vue-router 中hash模式和history模式的区别
再通过
vue-cli
创建项目的时候,会出现Usehistorymodeforrouter?
cplvfx
·
2020-09-12 21:41
VUE
02-Vue.js环境准备-使用
vue-cli
快速搭建项目(cli2)
一、概述在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢,可以考虑使用淘宝镜像的cnpm来代替npm。首先Vue的安装依赖于Node.js,要保证你的计算机上已经安装过Node.js。可以参考前面的文章:https://blog.csdn.net/GJYSK/article/details/108210708如何
光脚丫思考
·
2020-09-12 21:17
Vue.js
Vue.js
Node.js
HTML
前端
cli
VUE-cli
Vue的cli内容1.mockjs**作用:**拦截ajax,生成随机数据。使用方法:安装npminstallmockjs-D导入importMockfrom‘mockjs’constMock=require(“mockjs”)配置拦截Mock.mock(url,type,{})Mock.mock(url,{})Mock.mock(url,type,function(){return{}})在ma
cj521zhihui
·
2020-09-12 21:44
vue
03-Vue.js环境准备-使用
vue-cli
快速搭建项目(cli3+)
三、安装
vue-cli
使用npm全局安装
vue-cli
:npminstall-g@vue/cli可以使用如下的创建项目的命令,查看vuecli的安装情况:按照上面的提示,先卸载之前的版本,然后安装新的版本
光脚丫思考
·
2020-09-12 21:42
Vue.js
Vue.js
Node.js
HTML
前端
cli
使用Vue + ElementUI搭建基本的脚手架
搭建基本的脚手架一、脚手架的构建工具二、安装@vue/cli三、使用vuecreate命令创建项目四、启动项目五、项目结构介绍使用Vue+ElementUI搭建基本的脚手架一、脚手架的构建工具我们这里使用
vue-cli
@灵活的胖子@
·
2020-09-12 20:24
Vue
CLI
vue
vue项目在ie、360兼容模式页面显示空白问题
main.js中语法错误~上网搜了一下,大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理由于项目是使用webpack.config.js手动搭建,并未使用
vue-cli
leo_neverGivpUp
·
2020-09-12 17:05
html中单文件引入mintui
vue-cli
中引入mintui,直接npminstall,然后import就行了。单html文件中如何引入mintui使用呢?
leo_neverGivpUp
·
2020-09-12 17:32
html
javascript
vue.js
html5
IDEA使用vue-cli+webpack+npm脚手架创建项目
IDEA使用
vue-cli
脚手架创建项目
vue-cli
的参考文档:https://cli.vuejs.org/zh/guide/cli-service.html本文内容纯粹是操作过程,没有很多的知识讲解
月球上的可达鸭
·
2020-09-12 17:52
学习笔记
Windows使用IDEA创建VUE项目
目录环境搭建1、安装node.js和npm2、安装
vue-cli
,vue脚手架安装\创建项目1、安装项目:2、初始化项目3、配置Idea环境搭建1、安装node.js和npmnodejs的下载地址:https
Roda的博客
·
2020-09-12 17:40
环境维护
Vue中正确使用jQuery的方法
编译报错:$isundefinedorno-undef'$'isnotdefined假设你已经使用
vue-cli
搭建好了开发的脚手架,接下来,看下面。
weixin_34358092
·
2020-09-12 17:35
Vue调用百度接口做百度搜索
本次demo实现的是简单的百度搜索页面,用到了vue和百度接口,采用了单页实现,没有使用
vue-cli
。最初,要用vue实现接口功能我很懵,就去找资料查
weixin_30919571
·
2020-09-12 17:04
javascript
前端
Vue-cli
项目解决跨域问题
前后端分离开发是如今Web开发的一个趋势,不过前后端分离开发也给开发带来了一些区别于传统项目的问题。由于前后端分离开发中,前端项目和后端项目由于需要部署在不同的服务上,基于浏览器的同源策略限制,前端的JavaScript脚本所发出的异步请求,无法和后端的接口进行交互,这就是前后端分离开发中的跨域问题。如果在Vue项目中想要解决跨域问题,我们可以直接在vue.config.js配置文件中配置项目的代
看地阔天高云深处
·
2020-09-12 16:51
前端
vue
java
js
(一)Vue入门:环境安装步骤
二、打开cmd1、测试安装,查看版本2、新建需要存放的目录,我这里是安装在c:\vue3、安装
vue-cli
。继续运行。打开文件夹,在文件夹右
NothingI
·
2020-09-12 16:48
Vue
vue
vue中正确使用jQuery的方法
编译报错:$isundefinedorno-undef‘$’isnotdefined假设你已经使用
vue-cli
搭建好了开发的脚手架,接下来,看下面。
fanyanjiang
·
2020-09-12 16:40
vue
jquery
idea搭建
vue-cli
项目
然后查看node版本$node-v$npm-v2、安装
vue-cli
全局安装
vue-cli
,在命令行中执行$npminstall-gvue-cli3、IntellijIDEA1)安装vue插件2)FileTypes
懒惰虫儿
·
2020-09-12 15:41
Vue
vue-cli
脚手架构建的项目中引入iconfont图标方法
vue-cli
脚手架构建的项目中引入iconfont图标方法图标作为一种装饰,会让页面变得好看、简洁明了。
xm2by
·
2020-09-12 15:09
vue
webpack
使用ngork内网穿透时候只访问到Invalid Host header
解决方法在
vue-cli
版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象
P_ning
·
2020-09-12 15:38
Vue
使用IDEA新建一个VUE项目
/download/2)安装cnpm(淘宝镜像):在命令行输入npminstall-gcnpm--registry=https://registry.npm.taobao.org,等待安装完成3)安装
vue-cli
一叶文
·
2020-09-12 15:41
VUE学习
vue
Intellij IDEA搭建
vue-cli
项目
1、安装/升级node环境
vue-cli
对于node和npm的版本是有要求的。可以通过node-v(npm-v)查看当前版本,通过wherenode(wherenpm)查看安装路径。
anqila1855
·
2020-09-12 15:37
Vue入门&注意事项
一、简介vue是前端开发中交为常用的框架,
vue-cli
是vue的脚手架工具,具有所占内存少、开发高效等特点,简单说
vue-cli
使得vue开发更简单。
4o4_Not_Found
·
2020-09-12 14:24
Vue
根据后台返回路由表配置前端菜单
实际上这个不难,但是有很多细节要注意的,但是我们后台因为是其他项目的后台,他们之前前端用的不是
vue-cli
,所以返回的路由表数据并不是完整的路由表数据,但是跟我们前端还有一个key是匹配的,有这个key
非常厉害的巨兔
·
2020-09-12 14:33
vuex
vue
vue+element 学习之路(十)
vue-cli
中assets和static
在
vue-cli
中,assets和static都是存放静态文件的目录,区别在于,static中的文件不会被webpack处理,可以直接以绝对路径引用,而assets中的文件会被webpack打包进代码中
倔强的啊强
·
2020-09-12 14:36
如何在Vue中使用Mockjs模拟数据的增删查改
研究了半天,感觉mockjs模拟数据更强大,通过随机数据,可以模拟各种场景,下面一步步的来实现在
vue-cli
创建的项目中添加一条用
dishuyin5924
·
2020-09-12 12:48
使用npm发布vue组件
一起安装的javascript包管理工具,能解决NodeJS代码部署上的很多问题发布前的准备注册一个npm账号前往NPM官网进行注册初始化项目这里用的是webpack-simple,可以理解为精简版的
vue-cli
superKM
·
2020-09-12 12:19
vue
vue-cli
项目中使用axios/vant
1.下载安装执行下载命令:npmiaxios-S/npminstallaxios--save-dev查看是否安装成功:package.json里main.js里引入index.vue页面data外面接接口mounted:function(){this.axios.get("http://news-at.zhihu.com/api/4/news/latest").then(res=>{this.co
yanghongyan001
·
2020-09-12 11:35
vue-cli
开发时,ajax跨域详细解决办法
目的:使用
vue-cli
构建的项目,在开发时,想要访问后台接口获取数据,这时就会出现跨域问题。
ifredom
·
2020-09-12 11:41
Vue.js
使用vue2+Axios+Router 之后的总结以及遇到的一些坑
构建vue有自己的脚手架构建工具
vue-cli
,使用起来非常方便,使用webpack来集成各种开发便捷工具,比如:代码热更新,修改代码之后网页无刷新改变,对前端开发来说非常的方便PostCss,再也不用去管兼容性的问题了
weixin_30628801
·
2020-09-12 11:57
前端
javascript
webpack
上一页
79
80
81
82
83
84
85
86
下一页
按字母分类:
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
其他