vue-cli2.0 第2页

vue-cli2.0实现引入全局css样式

一步步的实现vue-cli2.0引入全局css样式。

x Dong x·2020-09-15 00:52

vue项目过大，编译速度慢的，下载dynamic-import-node插件

因公司项目内容过多，编译速度极慢，在网上搜集的插件下载插件npminstallbabel-plugin-dynamic-import-node公司项目脚手架为vue-cli2.0所以在.babelrc文件里添加配置

橙可爱·2020-09-13 17:16

Vue.js进阶【4-0】用vue-cli

Vue.js进阶文章列表vue-cli2.0安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstall-gvue-cli

CalmReason·2020-09-13 04:53

Uikit with VueJS — Vue cli 3

如果你还在使用vue-cli2.0，首先需要卸载它。然后安装vue-cli3.0。

yunye·2020-08-24 14:30

vue全家桶仿小红书开源项目

项目依赖使用vue-cli2.0搭建项目框架使用vue-router2.7进行页面路由切换使用jsonserver进行http请求获取数据mock假数据存储在本地使用stylus编写样式vuex进行状态管理

weixin_34293902·2020-08-22 19:52

vue-cli2.0 vw实现移动端适配

参考地址:如何在Vue项目中使用vw实现移动端适配.使用vue-cli2.0构建项目适配移动端项目环境：win10nodev8.9.3npm5.5.1使用vue-cli命令构建项目//构建vue项目vueinitwebpackmyapp

moguPeople·2020-08-22 16:48

【vue系列之二】详解vue-cli 2.0配置文件

【vue系列之二】详解vue-cli2.0配置文件上次给大家分享的是用vue-cli快速搭建vue项目，虽然很省时间和精力，但想要真正搞明白，我们还需要对其原理一探究竟。

songxiugongwang·2020-08-22 15:54

vue keep-alive组件的使用

简单说下练习的项目内容及问题的产生：练习使用的vue-cli2.0脚手架搭建，内容就是简单的仿音乐播放app，功能也相对简单，大体就是单页router切换各个专辑列表，点击进入专辑内容页面，单击歌曲名称可以进行播放

weixin_33721427·2020-08-22 14:45

vue-cli2.0项目的搭建

1.第一步：安装vue-cli命令行输入cmd或按住shift鼠标右键打开powershell输入命令npminstall--globalvue-cli按enter键2.第二步：创建项目在要创建项目的目录下输入以下命令vueinitwebpackprojectName（其中projectName为要创建的项目名称）按下enter键然后终端会出现下图“一问一答”模式，如图：这里有几个需要说明一下，没

csdn_1999·2020-08-21 12:19

vue-cli2.x下的多环境打包

这里记录下以前项目在vue-cli2.0下怎么配置多环境打包。如果帮助到了你，还请点个赞！！！！！

-Aven-·2020-08-15 19:03

Vue CLI 3.0 + momentjs + lodash 打包时优化

在vue-cli2.0时代,webpack的配置是有独立文件的,包含在build目录下,修改也比较方便到vue-cli3.0后,webpack配置被整合到vue-cli的配置中了,需要配置一些打包插件比较麻烦了

CloudJay_喵喵喵·2020-08-15 19:26

vue-cli3.0强制使用路由懒加载配置

vue-cli2.0的老项目，看network里面开始的时候发送的请求不多，只有在切换路由的时候才可能会引入新的js。

天灰灰、欲落雨☔·2020-08-15 19:51

【vue】浅谈vue-cli2.0的打包优化

今天在修改config/index.js中的build里面的assetsPublicPath时，发现了其下面的productionSourceMap和productionGzip。说句尴尬的话，之前还真没有注意到过这两个属性，现在既然发现了，那就探索下吧。带着面向谷歌和百度的编程思想，我去撸了下文档，然后简单的总结下，方便自己填坑。productionSourceMap是否开启打包时自动生成.ma

不想写代码的码农·2020-08-15 18:12

vue项目webpack打包优化

此篇分享为vue-cli2.0中webpack的优化配置。

前端很忙·2020-08-15 18:36

vue项目打包webpack体积优化

vue-cli2.0已经集成好了这个插件的配置我们只需在package.json中添加命令"scripts":{"analyz":"cross-envNODE_ENV=productionnpm_config_report

大灰狼的小绵羊哥哥·2020-08-15 17:26

一、安装vue-cli3.0并创建vue项目

说明：因为是刚开始学习vue-cli3.0，内容有些粗糙，更细节方面可能会存在问题，待以后发现再更新1、安装vue-cli3.0,若安装了vue-cli2.0先卸载npmuninstall-gvue-cli2

表演系小学渣·2020-08-14 12:07

vue-cli2.0,vue-cli3.0中使用svg

前言：vue中和我们传统的页面是不同的，svg不可以直接使用，我们这里说说2.0,3.0脚手架搭建的项目中优雅的使用svg的办法；vue-clli2.0搭建的项目：第一：安装依赖npminstallsvg-sprite-loader--save-dev第二：配置build文件夹中的webpack.base.conf.js{test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,l

浩星·2020-08-12 12:41

求教：vue-cli3创建项目后总是报错版本冲突问题，解决后并不知道为什么这么做就可以成功创建，想知道原理。

抽空记录一下负责移动项目后的第一个技术问题吧；因为需要使用cli3.0版本进行项目搭建，所以我卸载电脑里之前安装的vue-cli2.0版本后安装了vue-cli3，准备创建第一个项目试试效果，结果vue-cli3

张刻骨·2020-08-12 00:21

vue-cli 3.x 构建新项目，实现多页，单页webapp，并一键自动打包部署到测试环境...

使用vue-cli3.x构建新项目之前使用vue-cli2.0构建的多页项目，对脚手架扩展了一些功能，但是存在一些问题，趁现在升级了vue-cli3.x顺便把项目重构一下扩展点改造vue项目为多页（多模块

weixin_34138521·2020-08-11 23:11

Vue-cli2.0搭建项目

node.js安装（npm安装）安装淘宝NPM镜像（支持cnpm）项目初始化1.node.js安装(https://nodejs.org/en/)检测node安装成功（打开命令行(cmd)，检测安装版本号c盘访问d盘d:）2.淘宝镜像安装(-g全局安装)npminstall-gcnpm--registry=https://registry.npm.taobao.org3.项目初始化安装vue(cn

~瑞~·2020-08-11 20:33

vue中px自动转rem插件使用

以vue-cli2.0创建的项目为例：1.在src/assets/js/文件夹下创建rem.js文件，自定义html的font-size大小，例：/*移动端适配*/;(function(doc,win,

shenwen5225·2020-08-11 20:17

Vue-CLI3.0更改打包配置

在前期使用Vue-CLI2.0搭建项目时，我们可以在build目录下，直接修改webpack配置项。但在Vue-CLI3.0中已经帮我们对webpack配置做

-小橙子-·2020-08-10 14:37

vue-cli 2.x 升级到 3.x

还在搞2.x的表示学不动了想回家喂猪(哭笑.png)使用npminstall-g@vue/cli命令安装，但是vue-V的版本始终是2.9.6，这的确是vue-cli2.0时代的最高版本。

MrLiber·2020-08-09 18:57

vue-cli3.0反向代理设置解决跨域

vue-cli2.0项目中写反向代理一般在config文件里index.js写配置就好了vue-cli3.0则需要我们在项目的根目录自己创建vue.config.js进行配置,配置如下devServer

YoungMasters·2020-08-09 06:38

windows下安装nvm，并且删除vue-cli2.0，使用vue-cli3的过程

写在前面：如果是用nvm来使用vue-cli3，其实并不需要安装nvm，因为vue-cli3文档中写了：1.安装nvm参考文章：https://www.cnblogs.com/weiqinl/p/7503123.html.下面只是我的安装过程，照着参考文章的顺序安装不会有任何错误。首先在本地直接把nodejs安装目录删除，就是文章中说的nodejs目录文件夹，接下来就是照着参考文章中的过程安装，最

都是好猫·2020-08-05 19:42

vue项目--favicon设置以及动态修改favicon(浏览器顶部小图标)

vue-cli2.0如果没有效果，则查看你的build文件夹下：build/webpack.dev.conf.js中。（到这个步骤之前我的是出现了

岁末Zzz·2020-08-05 03:14

vue-cli 更新对比

本文简单介绍了下初采坑的一些区别vue-cli2.0以上下载安装npminstallvue-cli-g查看版本vue-V//2.9.3说明是2.9.3版本（在写此篇文章时，npm上是2.9.3最新版本，

FE-阿阳·2020-08-03 09:57

VUE2.0和VUE3.0区别以及移动端适配

VUE2.0和VUE3.0区别以及VUE-CLI移动端适配VUE2.0和VUE3.0区别1.项目目录结构2.配置项3.常用命令VUE-CLI移动端适配区别vue-cli2.0移动端适配vue-cli3.0

promising_li·2020-08-01 14:54

vue打包加版本号

vue-cli2.0修改build/webpack.prod.conf.js，在HtmlWebpackPlugin插件配置项中添加hash:truenewHtmlWebpackPlugin({filename

不求甚解bc·2020-08-01 11:57

mpvue 的使用流程

mpvue的使用流程由于mpvue是基于vue-cli2.0所以先运行npminstall-g@vue/cli-init拉取2.0的模板一台电脑运行一次即可下一步使用vue-cli2.0的模板创建项目vueinitmpvue

六点路人·2020-08-01 05:56

Vue Cli3.0 使用jquery

注意这里配置的是vue-cli3.0引入jquery的方法，不是vue-cli2.0的配置方法一、安装jquerynpminstalljquery--save二、一般安装成功后在package.json

ai520587·2020-07-30 14:47

把svg当成组件使用

好处是可以随意更改svg的填充色安装npmi-Dvue-svg-loaderoryarnadd-Dvue-svg-loaderwebpack配置vue-cli2.0配置module.exports={module

神话降临·2020-07-30 06:18

vue-cli2.0脚手架搭建项目

1.安装的前提条件node-vnpm-v2.全局安装vue-clivue--version//(检测是否全局安装vue-cli)npminstallvue-cli-g3.项目初始化vueinitwebpackvue-demo(vue-demo为项目名称，不写默认为vue)vueinitwebpack-simplevue-project（webpack简化版）4.可以看到如下，一直回车注意以下：vu

Leader755·2020-07-28 20:32

vue引入静态js文件的方法

vue-cli2.0的作法是在static文件下创建js。

·2020-07-19 12:56

Vue-cli seo 使用prerender-spa-plugin插件预渲染

vue-cli2.0版本1.安装npminstallprerender-spa-plugin--save2.webpack.prod.conf.js增加部分代码constpath=requ

ScreenshotOfCode·2020-07-15 18:23

Vue+Express全栈购物商城

二、历史版本基于Vue-CLI2.0:点我查看这个分支版本是一两年前的，基于Vue-CLI2.0写的，数据请求是Mock，纯前端的项目。

weixin_34240520·2020-07-15 05:18

SpringBoot+Vue前后端分离之Cors解决方案

域名不同域名相同端口不同二、解决方法1、Vue项目配置代理解决(基于vue-cli2.0的项目)打开config/index.js,在proxyTable中添写如下代码,具体配置如下:proxyTable

singular港·2020-07-14 19:36

Vue2.0和Vue3.0的区别

1.项目目录结构vue-cli2.0与3.0在目录结构方面，有明显的不同vue-cli3.0移除了配置文件目录，config和build文件夹同时移除了static静态文件夹，新增了public文件夹，

水墨-青花·2020-07-13 07:23

vue项目（vue-cli2.0和vue-cli3.0）移动端适配

添加小程序，兑换各种视频教程/数据资源。1.参考：https://blog.csdn.net/qq_42392522/article/details/82977929。用vue-cli3创建的vue项目配置px2rem-loader如下：找到文件node_modules/@vue/cli-service/lib/config/css.js，添加规则：rule.use('css-loader').l

Ace.斗皇·2020-07-11 20:15

vue-cli2.x版本打包修改公用路径及配置

相信想看这篇文章的小伙伴，也对Vue2和vue-cli2.0有了一定了解。我就直接跳过项目搭建步骤，直接讲重点。

站在大神的肩膀上看世界·2020-07-11 20:09

vue-cli 3 生产环境去除控制台打印

与vue-cli2.0使用了uglifyjs-webpack-plugin插件进行优化配置不同，vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件进行优化。

Beamon__·2020-07-10 20:57

Vue-cli3 项目创建

项目创建,主要是针对Vue-cli3.0版本之前的，由于现在Vue-cli版本更新到了3.0，而且创建项目的一些情况也发生了变化，所以本篇将在基于Vue-cli3.0以上版本创建项目，大家可以参考一下Vue-cli2.0

Eirunye·2020-07-08 05:03

【vue】使用vue-cli4.0快速搭建一个项目

所以所有项目开发的时候一直在用的vue-cli2.0，后来项目多了也没时间就没往vue-cli3.0迁移现在终于到了空闲期，可以

不想写代码的码农·2020-07-02 09:53

vue安装（vue-cli2.0脚手架安装）与创建项目以及打包部署

安装方法1：标签引入我们可以在Vue.js的官网上直接下载vue.min.js并用标签引入。Vue会被注册为一个全局变量。vue.min.js的版本开发版本：包含完整的警告和调试模式生产版本：删除了警告，24.72kbmin+gzip重要提示：在开发时请用开发版本，遇到常见错误它会给出友好的警告。（开发环境不要用最小压缩版，不然就失去了错误提示和警告!）安装方法2：使用CDN方法unpkg,会保持

胡椒粉0121·2020-07-02 03:19

vue-cli2.0 脚手架下载命令和引入外部文件的方法

1.脚手架下载命令cnpminstallvue-cli-g(全局下载vue-cli)vueinitwebpackprojectname(创建vue项目)前两个是必须的cdprojectname(进入文件夹)cnpminstall(用这个下载模块)2.引入外部文件的方法一、存放在src目录下（npm下载的包），遵循模块定义规范，在需要的地方import进来缺点：不能加载cdn资源（网络路径资源）二、

无花无酒_3cd3·2020-07-01 05:29

vue 项目webpack打包优化简单几步，10M-450K

前言项目优化是我们项目上线之前必须考量的问题，体积过大，你的页面加载速度就会很慢，本文重点讲解使用vue-cli2.0的配置，以下几个方面进行优化及其配置。

weixin_34174105·2020-06-28 12:46

webpack中alias配置

作用:设置别名是为了让后续引用的地方减少路径的复杂度vue-cli2.0在\build\webpack.base.conf.js文件下设置//例如src-components-a.vue-router-home-index.vueindex.vue

flym_·2020-06-27 09:42

记在vue-cli 2.0中使用typescript，从webpack ^3.0到^4.0的自杀式升级。

最近抽了点时间弄了一下vue的服务端渲染(SSR)以及serviceWork和application的离线缓存技术(PWA)，于是就拿了以前的老项目去重写了，但是老的有点落伍了是基于vue-cli2.0

Emperor灬fly·2020-06-26 18:28

vue-cli+webpack前端使用后台接口跨域问题的多种解决及其原理和产生原因

解决方式：基于vue-cli2.0版本，下载好工程后，找到config文件夹里的index.js文件，然后就是把上图的target改成你的接口地址前面的那部分就好了，底下的^/api就是把前面那些替代成空字符串