@vue-cli3

Vue 创建模板项目

使用vue-cli创建模板项目说明1）vue-cli是vue官方提供的脚手架工具2）github:https://github.com/vuejs/vue-cli3）作用:从https://github.com
幸而0407·2019-12-17 11:15

Vue-cli3如何添加路由（router）

之前使用的vue-cli2的是否可以在创建项目时直接引入vue-router，但是现在Vue-cli3新建项目后却少了很多东西，我们需要自己来安装使用路由。
致学无忧·2019-12-16 10:18

vue-cli3 使用 axios

一、添加依赖vueaddaxios二、引入main.jsimportaxiosfrom"axios";Vue.prototype.$axios=axios;三、GET示例image.png四、POST示例this.$axios.post('/api/news/matches',{page:1,limit:10,}).then((response)=>{console.log(response);}
致学无忧·2019-12-16 08:04

Vue Cli3 中别名的配置问题

VueCli3中别名的配置问题vue-cli3中是没有config、build等目录的，这是因为vue-cli3中将这些配置隐藏起来了，如果想要修改，可以在vue.config.js文件中进行修改。
Destiny7·2019-12-15 23:00

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

vue项目打包后,将文件复制到服务器显然是很麻烦，于是结合网上的资料，写下这篇自动化部署的记录。一、安装scp2npminstallscp2--save-dev二、写好脚本例如upload.js（下面任选一个即可）位置和package.json平级即可。简略版'usestrict'//引入scp2varclient=require('scp2');client.scp('./dist/',{//本
邢走在云端·2019-12-15 21:24

vue-cli3配置生产-测试环境及代码打包完自动压缩

vue-cli3配置生产-测试环境配置环境变量和模式根据vue-cli3文档，可以通过设置项目根目录下的.env，.env.[mode]文件来指定环境变量。
半斋·2019-12-15 20:34

vue-cli3创建项目使用css预处理配置

1，vue.config.js最近安装了下vuecli3版本，和vuecli2相比文件目录少了很多配置，没有了build和config目录，那么像vuecli2之前的关于端口号的配置，打包之后路径的配置，图片的配置等等，应该去哪里配置呢?vuecli3可以在项目根目录新建一个vue.config.js文件(和package.json)平级，像之前的很多繁琐配置，都可以在这个文件里配置啦注意：vue
bypwan·2019-12-15 18:57

vue-cli3之配置文件-vue.config.js

运行项目自动运行浏览器module.exports={lintOnSave:false,devServer:{port:8081,//端口号host:"localhost",open:true//配置自动启动浏览器}};使用proxy跨域最终接口地址：http://localhost:3000/testvue.config.js文件中配置：module.exports={devServer:{pr
回不去的那些时光·2019-12-14 17:29

关于vue-cli3中配置请求跨域的问题

关于vue-cli3中配置请求跨域的问题根据VueCLI3官方文档，需要在vue.config.js文件中配置devServer.proxy选项来解决跨域问题。
Ep流苏·2019-12-14 08:00

webpack3.x升级4.x时遇到的问题

背景在vue-cli3发布之前，使用vue-cli2构建的vue项目是基于webpack3.x的，伴随着项目的版本迭代，功能逐渐增多，文件也逐渐增多，打包时间从最初的5分钟，最久的时候19分半钟。
Lsnsh·2019-12-14 07:29

vue-cli3 创建一个Vue的UI组件库类似Element 以及发布

1，快速创建一个vue3.0的项目。2.项目结构src===改为examples新建packages(放组件)新建vue.config.js（这文件vue会自动加载）3.配置vue.config.jsmodule.exports={//修改src为examplespages:{index:{entry:"examples/main.js",//入口改为examplestemplate:"publi
小墨宝·2019-12-13 17:57

通过浏览器工作台启动本地项目

一直对通过浏览器工作台启动本地项目感兴趣，类似vue-cli3中提供的vueui，在浏览器中打开工作台，就能够创建、启动、停止、打包、部署你的项目，很好奇这一系列背后的实现原理。
戎马·2019-12-13 00:11

如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法

忙里偷闲，整理了一下关于如何借助vue-cli3搭建ts+装饰器的脚手架，并如何自定义webpack配置，优化。
慕晗·2019-12-12 09:13

如何用vue-cli3脚手架搭建一个基于ts的基础脚手架

[TOC]忙里偷闲，整理了一下关于如何借助vue-cli3搭建ts+装饰器的脚手架，并如何自定义webpack配置，优化。
慕晗·2019-12-12 01:12

如何用vue-cli3脚手架搭建一个基于ts的基础脚手架

目录准备工作搭建项目vue中ts语法项目代理及webpack性能优化其他忙里偷闲，整理了一下关于如何借助vue-cli3搭建ts+装饰器的脚手架，并如何自定义webpack配置，优化。
ESnail·2019-12-11 20:00

vue-cli3设置代理跨域详解

老规矩，先上代码//在根目录下自行创建vue.config.jsmodule.exports={//cli3代理是从指定的target后面开始匹配的，不是任意位置；配置pathRewrite可以做替换devServer:{port:'8080',open:true,proxy:{'/api':{///api的意义在于，声明axios中url已/api开头的请求都适用于该规则，//注意是以/api开
_如图所示·2019-12-11 18:18

vue项目打包优化配置-----vue.config.js文件（基于vue-cli3）

constport=8080;//端口号constIS_PRODUCTION=process.env.NODE_ENV=="production";//正式环境constCompressionPlugin=require("compression-webpack-plugin");constUglifyJsWebpackPlugin=require("uglifyjs-webpack-plugin
LH8966·2019-12-11 10:53

vue-cli3项目中集成svg组件

前言vue-cli3项目的搭建不做赘述。
不会飞的鱼o0·2019-12-10 20:00

vue-cli3生产环境自动删除console.log

事实上webpack提供了删除console的插件，在vue-cli3里面是这样用的：首先安装terser-webpack-pluginnpminstallterser-webpack-plugin--
壹个亿·2019-12-09 11:35

vue-cli 3.x脚手架配置并安装vux

vue-cli更新到3.x，改动很大，首先需要进vue-cli3官网了解一遍安装vue-cli3Node版本要求:需要8.9或更高版本(推荐8.11.0+)检查node版本：$node-v结果：v8.9.3
Do_Du·2019-12-08 16:01

【VUE】vue在vue-cli3环境下基于axios解决跨域问题

网上的绝大部分教程解决vue+axios跨域问题都不能直接适用vue-cli3。这是因为vue-cli3不一样的配置方式导致的。
黄烤鸭·2019-12-08 15:00

手把手教你vue-cli3搭建项目实现移动端自适应----- flexible和 postcss-px2rem

原文链接，本人发布在csdn论坛上的：原文链接1、安装flexible和postcss-px2rem自适应的开发方式下，仍然可以如此：你在设计图上量到的像素（px）是多少你就可以写多少px。很方便你开发项目哦按照我说的一步一步去做，保证可以完成哦！有图有代码，简单明了可复制！npm同时装下面2个东西，你也可以分开装。npmilib-flexiblepostcss-px2rem--save先介绍一下
前端工程师ing·2019-12-08 06:36

vue合家福实例(1)：vue-cli3创建项目并调整为多入口项目

这一系列文章的源码vue-cli3是VUE的开发工具。功能强大，还能图形化创建项目。创建项目后已经对项目的配置、命令等作出一些默认的工作。页面项目比之cli2简洁许多，支持了多页面的配置。
碧波之心·2019-12-07 19:36

Vue项目常见报错总结

尽可能用常量减少控制流变量拆分超长表达式函数应该短小，只做一件事情把过多的参数封装成类安装一系列工具1、安装node环境，检测node安装版本；(安装node是会自动安装npm)2、安装vue脚手架工具vue-cli3
Karenduan·2019-12-06 14:32

02、vue-cli3项目配置

1、初始化项目//首先查看版本是不是大于3.0.0vue-Vvuecreatevue32、配置px转rem(移动端)//下载插件yarnaddlib-flexibleyarnaddpostcss-px2remyarnaddpostcss-px2rem-exclude(可以忽略第三方ui组件的样式，让其px不被转化成rem)2.1、引入lib-flexible在main.js里面引入import'l
蜗牛的学习方法·2019-12-01 19:44

vue初级使用学习

尽可能用常量减少控制流变量拆分超长表达式函数应该短小，只做一件事情把过多的参数封装成类安装一系列工具1、安装node环境，检测node安装版本；(安装node是会自动安装npm)2、安装vue脚手架工具vue-cli3
Karenduan·2019-11-30 16:56

vue项目在git commit时，使用eslint检测

用vue-cli3创建新项目可以自定义配置，选择eslint,所以eslint不需要配置，项目根目录下面生成一个.eslintrc.js文件，里面可以自定义配置eslint规则现在在开发的时候，只要不符合
狂奔的蜗牛0828·2019-11-27 16:00

vue-cli3.X版本安装jQuery及配置

vue-cli3安装jQueryvue-cli3.0没有webpack.config.js配置文件：所以在一些博客教程中是说的在webpack.config.js里面添加varwebpack=require
清风是你·2019-11-22 16:04

vue-cli2与vue-cli3 新建项目

文章目录1、新建项目1）vue-cli2新建项目：2）vue-cli3新建项目2、安装axios，qs3、添加依赖：1、新建项目1）vue-cli2新建项目：vueinitwebpacktest“?
锦岁·2019-11-22 13:24

vue-cli3单页面项目SEO优化

vue对SEO很不友好，现在网上已经给出了四种解决方案，主要说预渲染prerender-spa-plugin咋用，其他的学习成本较大，项目如果对SEO要求很多，不如不使用vue写了1.SSR服务器渲染：关于服务器渲染：Vue官网介绍，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。2.静态化静态化是Nuxt.js打包的另一种方式，算是Nuxt.js的一个创新点，页面加载速度很快
FSYu·2019-11-21 17:25

vue-cli3抽离配置文件,动态修改打包后配置

由于项目有外部部署需求，对不同的环境前端调用后台的地址不一样，且不能提前预知必须到部署现场后才能确定后端地址，故需要将调用后端相关的配置抽离到文件中，打包后部署人员在方便现场修改。思路如下：1.由于项目中vue初始化部分有很多网络请求，所以必须在加载vue的内容之前引入配置，为解决异步请求问题直接在public/index.html的head中引入配置（vue在body后注入）。2.配置放在js文
小伍子·2019-11-21 11:00

vue-cli3配置webpack generate-asset-plugin

最近尝试将vue项目中的后台URL抽离到打包后的配置文件中，看到有使用generate-asset-plugin在build时生成配置文件的做法，倒腾了一下午使该webpackplugin在vue-cli3
小伍子·2019-11-21 10:00

vue-cli3 配置不同环境变量 process.env.NODE_ENV

相比vue-cli2,vue-cli3简化了配置区分不同的环境变量process.env.NODE_ENV,以我嘴巴都懒得张的风格,直接上代码.如:1、在根目录下,新建各个环境的text文件，例如：.env.demoNODE_ENV
longpanda_怪怪哉·2019-11-19 22:00

vue封装element 中table组件

1、知识点插槽组件2、项目初始化使用vue-cli3安装项目vuecreate‘项目名’npminstallelement-ui-s3、父组件List.vueVIP{{row.id}}{{item.label
sly94·2019-11-19 21:27

基于Vue-cli3一些常见的优化

1、配置某些包使用CDN主要借助的是html-webpack-plugin这个插件以及webpackexternals这个属性修改vue.config.js//对应的版本可以看package.jsonconstcdnMap={css:[],js:['https://cdn.bootcss.com/vue/2.6.10/vue.min.js','https://cdn.bootcss.com/vue
w候人兮猗·2019-11-19 21:16

Vue环境搭建(vue-cli3创建项目)

一、安装node.js（https://nodejs.org/en/）注意:推荐使用node-v8.11.0-x64,具体安装步骤下一步即可二、设置nodejsprefix（全局）和cache（缓存）路径1、在nodejs安装路径下，新建node_global和node_cache两个文件夹image.png2、设置缓存文件夹和全局模块存放路径npmconfigsetcache"D:\applic
SmailTrey·2019-11-18 11:20

一，vue+egg+docker+jenkins+n ode+mysql+redis+阿里云部署线上项目

一，vue-cli3安装vue,自行百度二，新建egg项目去egg官网三，新建安装docker本人是mac可以按照菜鸟教程一步一步安装配置四，搭建jenkins服务器1，安装好docker后，在终端输入即成功
程序员蜗牛·2019-11-15 23:07

vue cli3小记

安装完成后可以通过vue-v查看版本2.创建一个项目vue-cli3和之前创建一个项目的命令不同vuecreateproject-name//vue-cli3vueinitwebpackproject-name
吴静仪·2019-11-13 08:52

vue自动加载vue文件,配置文件类型加载顺序

vue-cli3配置vue.config.jsconfigureWebpack:(config)=>{if(process.env.NODE_ENV==='production'){//为生产环境修改配置
hongzheng·2019-11-13 08:52

vue-cli3和element做一个简单的登陆页面

1.先用vue-cli3创建一个项目2.安装element模块全局安装npmielement-ui-S3在main.js引入模块importElementUIfrom'element-ui';import'element-ui
white55k·2019-11-12 19:00

vue-cli3 实现多页面应用

适用场景公司有专门的审批系统，我现在做的后台管理系统需要接入，移动端和PC端都要有一个页面来展示业务信息。后端不给开俩项目（也确实没必要），所以打算用多页面来解决，PC和移动端放到一个项目里，然后打包到各自的文件夹。简单来说，多页面也就是适用于有多个小页面，不至于单独开多个项目的情况。项目结构项目src文件夹结构如下：打包之后dist文件夹结构如下：修改哪些文件新增utils文件夹utils文件夹
wmaqingbo·2019-11-08 05:52

vue & videojs实现rtmp/hls直播流播放

效果图mp4_hls_rtmp.png使用技术使用vue-cli3编写demovideojs7.6视频播放组件videojs-flash实现rtmp流播放video-http-streaming(VHS
Jerome_e7ec·2019-11-08 05:26

Vue Cli3 项目配置

一、新建项目使用vue-cli3构建一个初始的Vue项目：Cli3官方文档以下配置是我在项目中常用的，大家可自己斟酌是否需要使用！
MrHzq·2019-11-08 00:12

vue-cli3全局引入less文件

开发中有一个less文件，可能整个项目都会用到，你是不是尝试在根组件App.vue的样式中引入该文件，然后在其他组件中使用该less文件中定义的变量啥的，居然发现变量没有定义，呵呵哒，根组件引入是不行的，需要单独在组件中引入该文件，单独引入太麻烦了，那索性去配置一下吧！首先less相关的依赖安装一下吧npminstallless--save-devnpminstallless-loader--sa
玛卡巴卡_o·2019-11-07 16:45

提高首屏页面加载速度，解决vue-cli打包后单个文件过大的问题

本教程是针对vue-cli3以上的版本，其实原理都大同小异，这个demo为vue-cli直接创建的项目，并在main.js中引入了echart、element-ui、lodash首先看demo打包后生成的文件大小
请叫我宋某某·2019-11-06 19:00

两个月的 vue 开发经验总结

初始化项目通常会使用vue-cli3脚手架工具进行项目的初始化，完成之后添加自定义的webpack配置文件vue.config.js//vue.config.jsmodule.exports={//打包之后不出现
李逍·2019-11-01 18:17

Vue中vue-cli3脚手架

vue-cli3创建vue项目vuecreatevue-seller----vue-cli3vueinitwebpackvue-seller----vue-cli2创建后，最好选择手动：你要集成什么就选就行了
素素·2019-10-30 05:49

使用Vue-cli3搭建Vue+TypeScript项目

一，创建项目使用npm安装vue-cli3和typescriptnpmi-g@vue/clitypescript使用vuecreate命令快速搭建新项目的脚手架vuecreatevue-tsvue-ts
Eddy`Blog·2019-10-29 16:00

vue-cli2、vue-cli3脚手架详细讲解

前言：vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面（SPA）环境配置的工具，cli就是(command-line-interface)命令行界面。vue-cli是基于node环境利用webpack对文件进行编译、打包、压缩、es6转es5等一系列操作。目前vue-cli已经升级到了3.0版本，3.0所需的webpack版本是4.xxx，2.0版本目前也很流行,2.0所需的
唯美(vmei)·2019-10-29 08:00

vue项目从node8.x升级到12.x后

开始使用低于vue-cli3创建的项目，在更新node到12.x后，项目运行不起来了，这个让我想起我刚使用react时，安装的依赖，过了半年后，项目也运行不起来，在这了记录下(时间：2019-10-24
小小蚊子·2019-10-25 05:47
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他