@vue-cli3 第13页

基于vue脚手架构建库并发布到npm

构建库的常见方法有两种：一种是自己手动构建webpack库打包，设置output为library;另一种是基于vue-cli3输出库资源包。我们采用第二种vue脚手架的方式构建库。

chinamasters·2020-10-10 00:25

vue-cli3安装scss

安装sass-loadernode-sassnpminstallsass-loadernode-sass--save使用1、在单页面使用div{color:red;span{color:green;}}2、引入外联样式方法：在main.js中引入你建的my-style.sacc文件import'./assets/css/my-style.scss'

webxEJIr·2020-10-09 12:12

vue-cli3项目兼容IE11

项目解决方案:1:安装@babel/polyfill模块npminstall@babel/polyfill--save2:引入@babel/polyfill在main.js下面直接引入import‘@babel/polyfill’亲测无效具体引用是在vue.config.js中configureWebpack字段中（vue3初始化没有vue.config.js文件。可直接创建，与package.j

の娟子·2020-10-08 22:10

Vue-cli3 多页面分析

实现思路:根据url的地址进行匹配对应的单页面模块，注册对应的router和store。路由地址：http://localhost:8111/module/activety.html?#/engine项目结构说明├──dist//打包后目录│├──favicon.ico│├──module//每个模块的入口页面││├──activity-calendar.html││├──activity-eng

Franklin_7353·2020-09-22 11:59

vue-cli3项目打包后自动化部署到服务器的方法

一、安装scp2npminstallscp2--save-dev二、写好脚本例如upload.js（下面任选一个即可）位置和package.json平级即可。简略版'usestrict'//引入scp2varclient=require('scp2');client.scp('./dist/',{//本地打包文件的位置"host":'XXX.XX.XX.XXX',//服务器的IP地址"port":

·2020-09-18 15:52

vue-cli3 热更新配置操作

问题：在使用vue-cli3搭建项目之后，发现修改.vue文件里面的内容之后，页面不会自动刷新。

·2020-09-18 15:19

vue-cli3 + ant-design 项目

新建一个vue-cli3+ant-design项目一、前提：1.安装vue-cli3npminstall-g@vue/cli2.安装vue-antdnpminstallvue-antd--save二、使用vue-cli3

姀影·2020-09-17 16:22

Vue-cli3项目引入Typescript的实现

假设已经有一个通过vue-cli3脚手架构建的vue项目命令行安装Typescriptnpminstall--save-devtypescriptnpminstall--save-dev@vue/cli-plugin-typescript

hello_katty·2020-09-17 11:40

vue-cli3打npm包爬坑日记

vuecreatexxxx创建项目（文档地址：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create）按正常开发写一个组件。。。使用install函数把组件做成插件方便调用例：文件目录index.js代码（自己针对自己的组件做灵活改动）importUnifiedValidatorfrom'./index.vue'/*ist

hangxingzzz·2020-09-17 06:33

vue+iview框架实现左侧动态菜单功能的示例代码

最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单，按照官网写法固定不太好，因为一般项目都是从后端动态获取菜单列表，所以我们需要将官网代码稍作修改，代码如下：注意事项

buduoduoorg·2020-09-17 06:43

从vue到elementUI项目（一）

文章目录Vue全家桶各部分核心知识详解构建vue项目的利器—脚手架vue-cli3详解安装node安装node创建项目CLI服务启动项目测试精简项目vue中组件间传值常用的几种方式(上)vue中组件间传值常用的几种方式

每天看一遍，防止恋爱&&堕落·2020-09-17 02:44

15个Vue.js高级面试题 - Vue篇

假设使用Vue-CLI3进行设置？6.道具如何指定道具的类型要求？7.什么是虚拟DOM？8.什么是Vue插件？9.什么是渲染功能？举个例子。10.哪个生

阿莹yes·2020-09-16 22:51

使用vue单页面开发按需加载使用UI库

在日常开发中，为了优化性能，较少前端代码量，一般在使用其他框架时会采用按需加载的方式引入使用，以下以vue-cli3为例如何使用element-UI：step1安装element-uinpmielement-ui-Sstep2

冷太阳a·2020-09-16 17:51

vue-cli3中px2rem-loader和lib-flexible的安装和配置

配置安装1：npmipostcss-px2rem--save-dev安装2：npmilib-flexible--save（在项目中启动vueui也可以快速安装）配置1：入口文件main.js中引入：import'lib-flexible/flexible.js'配置2：在vue.config.jsmodule.exports={css:{loaderOptions:{css:{//optionsh

薯条铭·2020-09-16 16:50

vue-cli3网页显示标题

1.package.json文件修改这个文件的name，名字就会相应的修改。{"name":"vuetest","version":"0.1.0","private":true,"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint"},......}2

mhbsoft·2020-09-16 15:46

vue-cli3 less全局变量

首先一定要确定安装了vue-cli3X以上，接着直接运行这哥命令就可以了vueaddstyle-resources-loader如果上面的没反应，请再一次确实是不是升级到了vue-cli3.x以上，如果安装失败或者提示错误，可以试着先把全部依赖删除了，先安装vueaddstyle-resources-loader，那是这里就是一直安装不成功，后来全部删除，先安装这个，最后在全部安装安装成功后，会在

Moqin89·2020-09-16 14:23

使用vue-cli3构建一个SSR应用程序

1、前沿1.1、什么是SSRSSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。1.2、客户端渲染与服务端渲染的区别传统的SPA模式，即客户端渲染的模式Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源文件。然后塞到index.html中用户输入url访问页面->先得到一个html模板页->然后通过异步请求服务

一月清辉·2020-09-16 13:59

Vue封装全局过滤器Filters的步骤

（PS：本文代码在vue-cli3构建的基础vue项目之上进行编写：vuecreatemy-project）在前后端分离的项目中，经常会有后台返回的数据需要经过处理才能显示到页面上的场景。

·2020-09-16 12:20

vue-cli2：区分开发、测试、生产环境

本文适合使用vue-cli2搭建的项目，vue-cli3取消了build和config文件夹，不适用此方法。

阵雨丶·2020-09-16 10:18

Vue封装Axios请求和拦截器的步骤

PS：本文代码在vue-cli3构建的基础vue项目之上进行编写：vuecreatemy-projectaxios是一个基于promise的http库，可以用在浏览器和node.js中,也是vue官方推荐使用的

·2020-09-16 10:59

开发RTSP/RTMP/GB28181/海康SDK/EHome视频融合平台EasyCVR，使用vue-cli3项目搭建多页面模式的方法

vue同时具备angular和react的优点，轻量级，api简单，文档齐全，简单强大，麻雀虽小五脏俱全。倘若用一句话来概括vue，那么我首先想到的便是官方文档中的一句话:Vue.js（读音/vjuː/，类似于view）是一套构建用户界面的渐进式框架。TSINGSEE团队研发的视频平台大多都是基于vue架构的，大家感兴趣的话可以阅读下《流媒体服务器前端展示框架vue封装api接口流程介绍》一文。本

TSINGSEE·2020-09-16 05:37

Vue-cli3 使用history模式（去掉#）

1、在router中设置VUE_APP_SRC='/xxx'mode:"history",base:process.env.VUE_APP_SRC,process.env.VUE_APP_SRC为线上环境的某个路径,一个域名对应多个vue.js工程必须要用2、vue.config.js设置publicPathmodule.exports={//默认'/'，部署应用包时的基本URLhistory本地

高先生的猫·2020-09-16 04:26

vue项目修改代码报错 errors potentially fixable with the `--fix` option.

1.项目框架是用vue-cli3搭建的，npmrunserve启动项目时是不会报错的，但是修改的时候就会报错，后来百度说是eslint报错，解决方法：找到.eslintrc.js文件，找到里面的‘@vue

weixin_44773735·2020-09-16 04:41

vue-cli3创建项目运行报错`3 errors and 0 warnings potentially fixable with the `--fix` option.`

报错问题：因为创建项目中Eslint选择standard的话在创建vue项目中，会选择linter/Formatter，eslint-config-standard"standard"插件代表的是eslint的standard插件都要安装所以参考一下以下依赖是否安装eslintbabel-eslinteslint-plugin-htmleslint-config-standardeslint-pl

我是真的cai·2020-09-16 04:48

vue-router 实战了解这些就够了

一.安装1.1.加入依赖npminstallvue-router1.2.项目中引入以最新的vue-cli3架构为例，在main.js中加入importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use

一只倔强的蜗牛·2020-09-16 04:22

errors potentially fixable with the `--fix` option报错

errorspotentiallyfixablewiththe--fixoption.报错如何解决问题描述在用vue-cli3搭建的项目开始进行开发时候，在项目搭建完成之后，每次启动服务时都会弹出编译错误

dduanlove·2020-09-16 03:48

errors potentially fixable with the `--fix` option报错的解决

errorspotentiallyfixablewiththe`--fix`option.新建的vue项目运行时就报错新建的vue项目运行时就报错在用vue-cli3搭建的项目开始进行开发时候，在项目搭建完成之后

dadeity·2020-09-16 02:57

vue-cli3关闭代码分割

升级到vue-cli3之后，默认编译是对代码进行分割，会生成许多chunk，有利于页面加载速度。

不会消失的夜晚·2020-09-16 02:08

vue-cli3 编译后标签之间的空格被移除

升级vue-cli3打包后,编译的template元素之间的空格被移除了导致display:inline-block元素之间默认的间隙没有了,导致元素都连在一起vue-cliVueCli3seemstoberemovingstylesfromassets

【烟波】u013861985·2020-09-16 02:29

vue-cli3访问mock测试数据

将测试数据放到public文件夹访问时，直接访问http://localhost:8080/mock/index.json，即可参考：https://zhuanlan.zhihu.com/p/50454771

Fely0o0·2020-09-16 01:34

将基于vue-cli3的项目进行项目优化

1、打包出来的app.js文件太大因为把引入的第三方插件都打包在了app.js里面，让这个文件显得很臃肿，所以需将其拆分，将每个依赖包打包成单独的js文件。部分配置如下：letoptimization={runtimeChunk:'single',splitChunks:{chunks:'all',maxInitialRequests:Infinity,minSize:20000,//依赖包超过2

fengfffeng·2020-09-16 01:29

vue-cli3.0开发组件并发布到npm

vue-cli3:新版脚手架的库模式，可以让我们很轻松的创建打包一个库npm：组件库将存放在npmwebpack：修改配置需要一点webapck的知识二、大纲想要搭建一个组件库，我们必须先要有一个大概的思路

吃葡萄不吐葡萄皮^_^·2020-09-15 22:19

vue-cli3 一直运行 /sockjs-node/info?t=解决办法

sockjs-node介绍sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-client（https://github.com/sockjs/sockjs-clien

丢失的林夕·2020-09-15 20:34

vue或react项目生产环境去掉console.log的操作

事实上webpack提供了删除console的插件，在vue-cli3里面是这样用的：首先安装terser-webpack-pluginnpminstallterser-webpack-plugin-D

·2020-09-15 17:09

vue-cli3访问public文件夹静态资源报错的解决方式

今天在项目中使用了public文件夹里的静态资源，在本地测试没有发现问题，但是项目部署到fat服务器却报了404错误。我发现原因在于我的项目没有部署在域名的根部，而我引用public文件是通过绝对路径方式引用的，因为就出现了路径错误。路径如下：在官网文档中发现这种情况需要为URL配置publicPath前缀：process.env.BASE_URL正确的引用路径是：当然，最好避免将文件放在publ

·2020-09-15 17:37

vue-cli3中配置alias和打包加hash值操作

1.之前在项目测试环境打包的时候，js文件打包出来没有hash值，但是生产环境打包出来却又hash值当时只配置了filenameHashing:true，这样是不够的后来在chainWebpack中配置config.output.filename('[name].[hash].js').end()，解决了该问题2.配置alias可以在引入文件的时候不用写很长的相对路径步骤：先引入path模块con

·2020-09-15 17:08

关于vue-cli3打包代码后白屏的解决方案

前言：最近使用了vue-cli3.0开发了一个移动网页端项目，准备打包发布了。按照以往的流程npmrunbuild问题来了打开distindex.html文件发现白屏。打开调试后发现文件引用路径不对根据以往的经验根目录下新建vue.config.js配置publicPathmodule.exports={...runtimeCompiler:true,publicPath:'./'...}满心欢喜

·2020-09-15 17:26

Vue引入外部js文件报 Uncaught SyntaxError: Unexpected token<

Vue引入外部js文件报UncaughtSyntaxError:Unexpectedtoken如果是vue-cli3的脚手架把要引入的文件放在public根目录的文件夹里面要跟index.html放在同一路径引入后发现

qq_41241767·2020-09-15 16:05

vue-cli3 搭建UI组件库并发布到npm

vue-cli3搭建UI组件库并发布到npm一、创建项目vue-cli3创建默认项目，选择default模式vuecreat.目录结构demo├─node_modules├─src├─public├─.

家铭~·2020-09-15 15:33

关于vue-cli3搭建项目遇到的问题

今天搭建vue项目的时候，使用vueinitwebpackmy-App创建项目回车时显示Commandvueinitrequiresaglobaladdontobeinstalled.Pleaserunyarnglobaladd@vue/cli-initandtryagain.给我上面的提示，然后我按照命令去执行，并不行，后来我就又找了百度。执行vuecreateproject（文件名）然后用键盘

明天回地球~·2020-09-15 15:20

vue-cli 3.0脚手架与vux的配合使用

但是美中不足的是对于vux在对于vue-cli3.0的跟进还没有同步需要自己做下修改，同比有赞的vant以及iview都有了对于vue-cli3.0的兼容了现记录如下：一、安装vue-cli3首先官方文档

weixin_30945039·2020-09-15 15:29

vue-cli3引入bootstrap组件和icon插件

前置：引入jQuery首先：npminstalljquery--save-dev然后在webpack.base.conf.js的module.exports中找到plugins，在里面加入：newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery"})最后在main.js文件中引入jquery：import$from'jquery'接下来是引入boot

reisaru·2020-09-15 14:09

在Vue中使用jsx

我就是，还有么简单Demo对于vue-cli3和4创建的Vue工程，是可以直接使用JS

eswang·2020-09-15 12:24

vue项目结合Mock+Express模拟后台假数据

目录结构我这里用的是vue-cli3创建的新项目，然后在目录下创建了mock文件夹，用来存放模拟数据的代码，在其中新建了一个serve.js文件。

十年树人·2020-09-15 11:16

vue-particles IE报错babel不能转es5的折中解决方案（vuecli3如何给js设置loader的include）

报错因为babel没有转不同的vue-cli有不同的将该插件加入到babel中的方法在vue-cli3中constpath=require("path");constresolve=function(dir

重复过往·2020-09-15 11:54

简单配置vue-cli3 + 搭建的项目（webpack）

vue.config.js的作用：一个可选的配置文件，如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。也可以将配置写到package.json中的vue字段中。简单的webpack配置：（chainWebpack需要根据项目具体要求配置）module.exports={publicPath:'',//你的项目发布的路径。Vue

halo1416·2020-09-15 10:20

Vue -Ts入门 (一)

本文章，是个人第一次尝试利用vue-cli3(事实更新vue-cli4)，从头开始，加入typeScript。如果有出处，欢迎指正。共同成长。

Posden·2020-09-15 09:57

vue+typescript+element-ui项目类型报错的问题

注意：vue-cli4目前貌似是会报类型错误的，不管是element-ui,还是ant-design-vue，不知道是不是新版的cli需要做什么配置；但是vue-cli3是没问题的；报错的话，检查一下版本

导乐符·2020-09-15 09:59

vue项目打包后本地访问index.html页面出现空白

./”vue-cli3：在项目的根目录下创建vue.config.js，并加入以下代码。

Programmer-Z·2020-09-15 09:03

vue项目打包文件过大优化

总结一下前端打包优化，我用的是vue-cli3配置文件vue.config.js一、路由懒加载每次进入一个新页面才加载该页面所需要的资源component:()=>import('@/view/setting

console.log( )·2020-09-15 07:23

推荐频道

@vue-cli3