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
cli3
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
问题现象项目使用vue/
cli3
脚手架搭建的前端项目,vue版本为2.6.10。
·
2020-09-28 16:57
vue -
cli3
创建新项目
1、查看vue配置,一般都是在最新版查询vue版本2、创建项目vuecreatename3、选择配置模板选择选择选择解释选择第一个或者第二个都行(第一个即可)如果使用的element-ui请使用第二个,避免乱码BUGok之后创建项目成功。npmrunserve运行即可
丶店小二
·
2020-09-24 14:35
Vue
cli3
CDN
vue.config.jsconstcdn={css:[],js:["https://cdn.jsdelivr.net/npm/
[email protected]
/dist/vue.min.js","https://cdn.jsdelivr.net/npm/
[email protected]
/dist/vue-router.min.js","https://unpkg.com/
[email protected]
","https
ADZG-tuni
·
2020-09-17 05:50
Vue
cli 的安装,cli的目录介绍,安装问题解决,.vue文件--单文件组件
Vue.js开发的标准工具cli的版本目前最新3.x老版本是2.xcli的底层的自动化工具是:webpackcli的安装npm/cnpm/yarn都可以使用$yarnadd@vue/cliglobal这个是
cli3
我是小仙女呢
·
2020-09-17 02:17
解决Vue
CLI3
项目部署到非根目录下刷新空白问题
一、场景本地正常的vue项目打包成dist文件,部署到测试环境服务器上,页面空白,无报错也无请求;部署到服务器上第一页有页面,刷新后页面空白或404;引入css的type被拦截装换为“text/plain”;二、原因:打包到服务器后,资源找不到路径,后台没有正确配置,用户在浏览器直接访问直接空白或404三、思路:前端部署路径publicPath是否正确;前端路由模式是否配置正确;后端配置是否正确;
讥笑
·
2020-09-16 04:30
前端
vue
Vue
cli3
库模式搭建组件
市面上目前已有各种各样的UI组件库,比如Element和iView,他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂,当它们不能再满足我们需求的时候,这个时候就有必要开发一套属于自己团队的组件库了。所以本文的目的就是让读者能通过此文,小能做一个简单的插件供人使用,大能架构和维护一个组件库不在话下。以下一个简单案例简述一下一、技术栈如何通过新版脚手架创建项目,这里就不提了,自行看官方文档。Vu
巴啦啦小能量
·
2020-09-15 13:09
VUE
Vue
cli3
库模式搭建组件库并发布到npm,未进行编译导致安装出现兼容性问题
一、目录example目录原src,用作示例展示package目录封装组件二、修改vue.config.js,可自己创建一个vue.config.js修改入口文件为example添加webpack对package目录的处理module.exports={pages:{index:{entry:'example/main.js',template:'public/index.html',filena
sdtear
·
2020-09-15 12:34
JavaScript
Vue
前端
javascript
npm run start和npm run serve
在package.json中,有一个scripts属性定义了所有可以进行npmrunxxx的地方可能只是因为
cli3
定义的是serve而2定义的是start吧,欢迎指正
FE#Cat
·
2020-09-14 11:03
前端技术
浅尝vue3.0,万字总结
完事开头难,第一步就是搭建环境,虽然最新版的@vue/
cli3
已经支持创建vue3.0的项目,不过自己动手丰衣足食,随便回顾一下webpack的相关配置。文章的源码我放在了github上,可自行获取。
随风丶逆风
·
2020-09-14 09:34
Vue
vue3.0
Mac卸载vue
cli3
不成功
npminstall-g@vue/clinpmuninstall-g@vue/cliyarnglobaladd@vue/cliyarnglobalremove@vue/cli首先确定你的是npm安装的还是yarn安装的,要用对应的卸载方式如果还是卸载不成功,那么有以下办法/usr/local/bin/vue-ini/usr/local/bin/vue-list/usr/local/bin/vue/
IT届Boy
·
2020-09-13 16:24
vue
vue
在 vue
cli3
创建的项目中,使用 better-scroll 的具体步骤:
这篇文章是对于vuecli3创建的项目中,使用better-scroll2.x的具体步骤的一个总结:先附上better-scroll2.x中文文档:https://better-scroll.github.io/docs/zh-CN/plugins/infinity.htmlbetter-scroll概念:BetterScroll是一个插件,旨在解决移动端的滚动情况(已支持PC)。核心是受iscr
『九离~空白』
·
2020-09-12 23:05
Vue
Better-Scroll
vue
vue/
cli3
构建项目
https://dongkelun.com/2018/11/19/vueCliCreateProject/
叶子柔
·
2020-09-12 13:03
技巧
Vue项目开发常见问题和解决方案总结
./',...}
cli3
版本:在根目录下新建vue.config.js文件,然后加上以下内容:(如果已经有此文件就直接修改)module.exports={publicPath:'',//相对于HT
·
2020-09-11 09:12
Vue
cli3
配置生产环境,开发环境,和测试环境
通过不同命令行切换不同环境api等信息例如:npmrunserve调用本地环境apinpmruntest调用测试环境apinpmrunbuild调用线上环境api1、先在package.json文件中添加:"test":"vue-cli-servicebuild--modetest"知识点补充:参数的名字可以根据跟人喜好来定义vuecli3serve是运行代码。build是打包代码而我们打包的时候
tseng荒男
·
2020-09-10 20:34
搭建环境
vue
cli3
配置开发环境、测试环境、生产(线上)环境
cli3
创建vue项目是精简版的少了build和config这2个文件,所以配置开发环境、测试环境、生产环境的话需要自己创建env文件。
猿者上钩
·
2020-09-10 16:09
vue-cli3 配置全局自定义变量 开发/生产环境
公司新项目使用了
cli3
,以前的cli2方式就落后了,折腾了一晚上弄好了全局的变量,不得不说比cli2简单易用。
东西南瓜X
·
2020-09-10 10:03
VUE前端
全局安装 Vue
cli3
和 继续使用 Vue-cli2.x操作
官方链接:https://cli.vuejs.org/zh/guide/installation.html1.安装Vuecli3关于旧版本VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x),你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。Node版本要求VueCLI需
·
2020-09-08 15:24
@vue/
cli3
快速上手vue
Vue_CLI:脚手架工具,借助WebPack用于快速构建标准vue项目。其作用是用配置好的模板迅速搭建起一个项目工程,省去自己手动配置webpack配置文件的内容,快速上手工程级别的项目开发,降低入门门槛。前期准备vuecli升级到3后,package的名字从vue-cli改为了@vue/cli,装了旧版本的,建议把旧版本的卸载了,再安装新版本。卸载指令如下:npmuninstallvue-cl
weixin_38167262
·
2020-08-25 08:01
vueSSR: 从0到1构建vueSSR项目 --- node以及vue-cli3的配置
所以要做两个
cli3
的配置。那么下面就直接开始做吧。修改package.json的命令//package.json:client代表客户端:serve
weixin_34226182
·
2020-08-25 05:00
Vue3.0快速使用 vite创建Vue3.0
vue3.0API文档地址:https://vue-composition-api-rfc.netlify.app/1.vue/
cli3
以上2.新建一个项目vuecreatevue3-2020-4-17
失岸
·
2020-08-25 04:47
vue
vue-cli3 lib-flexible+postcss-pxtorem 适配pc端大屏分辨率
vue-cli3脚手架lib-flexible+postcss-pxtorem适配pc端大屏分辨率我的项目是
cli3
构建,iviewUI框架,UI设计稿是1920*10801.安装lib-flexiblepostcss-pxtorem
diuren1205
·
2020-08-24 17:58
vue-cli3
flexible
rem
vue
cli3
搭建一个通用中台(完)
前文已经完成这个架子的搭建关于登录本地实现图形码,当然这个并不安全关于router路由实现到三级动态路由mock中存有路由数据github地址https://github.com/nan1010082085/Vue-Asgin.gitcoding地址https://git.dev.tencent.com/nan1010082085/vue-asgin.git先上几张图片目录结构src---|api
yangdongnan
·
2020-08-24 17:31
vue
Vue-cli3项目处理包括(i18n/font-spider/xss/wangeditor)
项目开发阶段构建太慢超过300秒,按需加载所有组件也需50秒,转为vue-cli3.0配置少量webpack即可达到10秒的构建速度效果,热重载2秒,可以接受vue-cli2>>>>vue-cli3项目处理src直接移植到
cli3
eason
·
2020-08-24 14:37
wangeditor
font-spider
xss
vue.js
vue 实现pc端自适应 vue
cli3
实现
实现vuepc端自适应方案lib-flexible+px2remLoaderlib-flexible阿里伸缩布局方案px2rem-loader:px转rem1、安装lib-flexible和postcss-px2rem(命令行安装)npminstalllib-flexible--save-devnpmipostcss-px2rem--save2,引入lib-flexible在项目入口文件main.
星河世界
·
2020-08-24 11:55
vue
教程
vue
cli3
+ eslint配置和保存代码自动格式化
什么是eslint什么是ESLint?eslint是js和jsx的静态代码检测工具,在代码未运行的时候即可检测代码中是否存在错误或不规范的写法。配置方式eslint官方文档–高级配置eslint使用指南方式一:ConfigurationComments-使用JavaScript注释把配置信息直接嵌入到一个代码源文件中。比如要让代码中的某些代码断忽略eslint监测可以使用eslint-disabl
lidix
·
2020-08-24 01:37
ESLint
Vue
vue
代码规范
javascript
滴滴前端实习一面
如何解决跨域问题说说你项目中印象最深刻的部分,如何解决的如何实现控件的拖拽功能浏览器缓存策略http每个状态码的含义说说JS中的继承,具体说说原型链继承call,apply,bind他们三者的区别说说面对大量数据你如何进行优化的
CLI3
CahierX
·
2020-08-23 18:14
vue
cli的认识和使用
cli的认识和使用vue项目的快速构建工具cli【脚手架】底层webpack在市场上cli2【扩展】
cli3
【大纲】什么是cli?
xy1677707153
·
2020-08-23 04:25
Vue.js
Vue CLI 3 -- 从卸载Vue CLI 2到安装Vue
CLI3
1.关于旧版本:VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x),你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。2.Node版本要求:VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多
极客之男♂
·
2020-08-22 19:39
vue
vue
vue
cli3
及4版本的全局引入scss
虽然是个简单的功能,但是发现按照很多网上的方法去操作并不能实现方法,所以还是写一下好了需要借助sass-resources-loader工具npminstallsass-resources-loader在src\assets\css目录中新建一个common.scss文件,并且声明一个变量/*common.scss*/$main-color:darkolivegreen;然后在项目的根目录下,新建
zxb89757
·
2020-08-22 15:01
Vue可视化管理工具_Vue UI_vue/
cli3
新增_使用详解
@vue/cli3.0增加一个可视化项目管理工具,全局安装完成cli3.0之后,可以直接在cmd输入命令:vueui启动即可,地址默认是localhost:8000可以通过导入你的vue项目进行管理,也可以通过创建按钮进行可视化创建一个新的vue项目还可以查看运行依赖和开发依赖的以及在线安装和更新依赖,非常方便任务按钮下,你可以运行项目、打包项目,检查等操作
不头秃的码农
·
2020-08-22 14:12
Vue
Vue3
Vue
ui
vue
cli3
/cli4 vant-ui样式出不来的问题
第一步:先检查是否成功安装vant,在package.json中查看没有安装的有两种方法:1、npmnpmivant-Snpmibabel-plugin-import-D2、终端-命令行,输入vueui,打开图形化界面,选择依赖安装第二步:检查babel.config.js重点第三步:vue.config.js,检查有没有设置过这个属性“requireModuleExtension”vant-ui
余温无痕
·
2020-08-22 14:47
vue
js
vue
js
npm
vue
cli3
优化配置生产去除console.log - from UglifyJs `warnings` is not a supported option
使用vuecli3.x配置生产去除console.log时出现了报错,如下,写法一://vue.config.jsmodule.exports={optimization:{minimizer:[newUglifyJsPlugin({uglifyOptions:{compress:{warnings:false,drop_console:true,//consoledrop_debugger:fa
大华阿大华
·
2020-08-22 13:19
vue
vue
vue
cli3
vue
cli3
配置
vue cli 3/4版本脚手架搭建命令
vue-cli(@vue/cli4.0.5版本)脚手架搭建步骤(使用前提条件:npm最新,node>=8.9):(1)全局安装
cli3
(安装一次就可以了,下次可直接创建项目):npminstall-g@
qq_38969618
·
2020-08-22 13:45
Vue汇总
VUE不断请求报错sockjs-slient/info?t=提示加载错误
t=问题使用
cli3
会遇到一直报错get不到/sockjs-node/info?t=的问题:如果你的项目没有用到sockjs,那么就找到报错的地方,将其注释掉即可。
kyunsoo
·
2020-08-22 12:13
cli3-环境变量和模式
cli3-环境变量和模式学习资源
cli3
官网其他参考资料不自己敲敲,还是不靠谱1、package.json添加命令“alpha”"scripts":{"dev":"vue-cli-serviceserve
web张
·
2020-08-22 11:49
工作总结
cli3-webpack相关配置
cli3-webpack相关配置学习资源cli官网资料其他参考资料不自己敲敲,还是不靠谱
cli3
中webpack的配置文件是根目录下的vue.config.js,默认是没有的,需要配置的时候,手动创建,
web张
·
2020-08-22 11:49
工作总结
在Vue
Cli3
中使用 jQuery、Bootstrap和Font Awesome
在VueCli3中使用jQuery、Bootstrap和FontAwesome使用jQuery安装修改(非必须):在组件中测试(如:App.vue)使用Bootstrap安装(先要安装jQuery)在组件中案例一:注意必须写tbody(如:App.vue)在组件中测试案例二(结合使用jQuery、vue):(如:App.vue)效果图:使用FontAwesome安装在组件中使用:效果图使用jQue
老实先生
·
2020-08-21 20:49
Vue
vue
cli3
+ cube-ui 配置rem踩坑记录
在installcube-ui时,选择了后编译,选中使用rem的时候会发现,怎么刷新页面的html字体被设置成了37.5px感觉太大了,于是去寻找修改的办法,第一反应是webpack的配置,于是去修改了package.json然后兴致勃勃的重启结果发现还是37.5px。。。恨呀,又查了一天几乎都说改webpack配置就行终于!找到一篇明灯(链接随后附上)需要修改node_modules中amfe-
weixin_30480075
·
2020-08-21 17:04
vue
cli3
简单解决跨域问题 2019.4.30
用vuecli3开发遇到跨域问题,网上查一堆,说的都很复杂,这里简单点说。假设我们在开发一个项目,我这边写好了页面,同事写好了服务器,给的测试接口是:http://192.168.1.1:8080/mobile/operation/reportForm/recordingTime.json,那么跨域就是如下解决1.1.在根目录新建vue.config.js文件,文件内如下:////vue.conf
Kawing_Z
·
2020-08-21 09:41
Vue
CLI3
开启gzip压缩
gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。webpack在打包时可以借助compressionwebpackplugin实现gzip压缩,首先需要安装该插件:cnpmi-Dcompression-webpack-plugin在vuecli3.0生成的项目里,可在vue.config.j
高先生的猫
·
2020-08-21 07:30
Vue
Vue
cli3
实现去除console.log 去除控制台输出
下载移除控制台输出的包npminstallbabel-plugin-transform-remove-console--save-dev新建babel.config.jsletplugins=[vant插件的按需加载['import',{libraryName:'vant',libraryDirectory:'es',style:true},'vant']]//在打包的时候,加入移除控制台输出插件
ADZG-tuni
·
2020-08-21 05:52
Vue
cli3
baseurl设置
//环境的切换if(process.env.NODE_ENV=='development'){axios.defaults.baseURL='https://www.baidu.com';}elseif(process.env.NODE_ENV=='debug'){axios.defaults.baseURL='https://www.ceshi.com';}elseif(process.env.
ADZG-tuni
·
2020-08-21 05:52
vue-cli3 lib-flexible+postcss-pxtorem 适配pc端大屏分辨率
vue-cli3脚手架lib-flexible+postcss-pxtorem适配pc端大屏分辨率我的项目是
cli3
构建,iviewUI框架,UI设计稿是1920*10801.安装lib-flexiblepostcss-pxtorem
diuren1205
·
2020-08-21 03:00
vue-cli3
flexible
rem
Vue
CLI3
开启gzip压缩
本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=0ak2j&title=Vue+CLI3+%E5%BC%80%E5%90%AFgzip%E5%8E%8B%E7%BC%A9gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。webpack在
chuke5164
·
2020-08-21 03:34
vue
cli3
开启gzip,nginx配置直接使用已经压缩好的文件(文件名为加.gz)
前言:vuecli3的性能优化里面,开启gzip能得到很多的收益。通过webpack插件compression-webpack-plugin可以在打包的时候生成.gz文件;当用nginx做服务器时,nginx通过_gzipon;_配置可对每个请求先压缩再输出,这样造成虚拟机浪费了很多cpu;而且webpack打包时已经生成了压缩文件,完全没必要重新通过nginx再压缩一下。发现这个问题后,通过半天
choujiaobm01735
·
2020-08-21 03:02
在Vue中解决跨域问题
在vue里怎么解决在vue-cli3中现在已经没有config.js文件了,所以我们要自己手动创建一个
cli3
项目根目录下新建文件vue.config.js,注意不是src目录2.在新建的vue.config.js
jingyi
·
2020-08-21 03:31
vue.js
前端
javascript
跨域
Vue
cli3
开启Gzip压缩(详细)
首先这个是需要后台帮忙配置的,后台不配合就不用看了。。。。nginx服务端开启Gzipserver{listen80default_server;server_name106.13.190.39;indexindex.phpindex.htmlindex.htmdefault.phpdefault.htmdefault.html;root/www/wwwroot/106.13.190.39;#上面
ADZG-tuni
·
2020-08-21 02:13
vue
cli3
h5配合Nginx开启gizp和http2优化首次加载速度
前言:最近部署vue写的项目,由于公司服务器带宽较小,第一次加载时间相当长,体验不是很好,于是查找相关资料,进行了一些优化,效果还不错。1.Vue发布构建时打包成Gzip压缩安装compression-webpack-pluginnpminstallcompression-webpack-plugin--save-dev配置vue.config.js//导入compression-webpack-
我是一座离岛
·
2020-08-21 02:34
web
vue
cli3
开启gzip,nginx配置直接使用已经压缩好的文件(文件名为加.gz)
vuecli3开启gzip,nginx配置直接使用已经压缩好的文件(文件名为加.gz)上面会提示当前安装版本与当前项目下的webpack版本使用不匹配,需要安装对应的版本(6)后台取compression-webpack-plugin官网看了一下历史版本,取了一个较低版本试了试。果然是版本冲突执行>
[email protected]
HOLD ON!
·
2020-08-21 02:37
vue
cli3
默认端口修改
所在目录:node_modules@vue\cli-service\lib\commands需要修改的文件:serve.js链接
weixin_43942304
·
2020-08-20 16:28
vue
vue
上一页
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
其他