vue-cli3.0

vue-cli 3.0脚手架cli-service配置 (二)

上一篇写了vue-cli的安装项目的两种方式vue-cli3.0安装(一)CLI服务在package.json使用默认预设的项目中看到的内容{"scripts":{"serve":"vue-cli-serviceserve
supa同学·2020-01-03 02:43

基于Element-UI的Vue管理后台搭建

项目模板vue-admin-template做部分改动，搭建一套前端框架推荐读一下手摸手，带你用vue撸后台系列1.使用vue-cli3快速创建模板具体vue-cli3的使用方式和注意事项可以参考使用Vue-cli3.0
WHU_凌晨_Bin·2020-01-01 17:42

[email protected]使用方式和之前版本的差异

2018年8月10号，vue-cli3.0面世@2.9.3的使用1.下载vue-cli和安装项目cnpmi-gvue-cli#[email protected]以上，目前beta
喝醉的熊·2019-12-31 11:46

Vue ui创建项目

vue-cli3.0版本为我们提供了集创建、管理、分析为一体的可视化界面vueUI，一个可视化项目管理器一、打开终端，安装最新vue-clinpminstall-g@vue/cli二、终端运行vueuivueui
惊蛰丶·2019-12-30 18:00

使用脚手架创建vue项目

1.使用vue-cli3.0创建一个项目1.1使用命令方式创建一个项目  快速原型开发命令：vuecreate项目名vuecreatemaw//创建一个名为mzw的vue项目1.2使用图形界面创建一个项目
輪徊傷·2019-12-28 23:19

vue-cli3.0碎碎念之vue.config.js基本配置

碎碎（本人昵称）这几天捣鼓了一下新框架的配置，其中遇到了很多让人恼火焦躁的问题，如果出生后孩子长得丑，就得怪这个框架！言归正传哈！大家都知道运行yarnbuild命令是进行程序打包，打包完成后自动生成一个dist文件夹，如下：碎碎遇到了一个问题就是index.html打开后一片空白，F12打开控制台，果然看到一片红色，很是喜气洋洋，呵呵。报错信息聪明的碎碎立马意识到这是config配置中的asse
暮浓·2019-12-28 07:09

vue-cli3.0创建项目报npm install --loglevel error

来一波刻骨铭心，又带点心酸的历史吧vue-cli3.0出来了，基于之前比较忙，今天闲点，来搞一波，按照官网撸起袖子搞一搞，感觉好兴奋，有木有贴个网址：https://cli.vuejs.org/zh/guide
捡晨·2019-12-26 23:57

Vue笔记八：多页面打包框架（mpa）

Vue笔记八：多页面打包框架（mpa）该文章已经过时，请移步Vue笔记十：Vue-cli3.0我记得去年很多人看了我《用Webpack构建Vue》一篇文章，但是因为webpack和vue升级速度很快，那文章很快就过时了
brandonxiang·2019-12-26 22:54

2018-12-18 Vue-cli 3.0 安装

vue-cli3.0安装和创建项目教程2018年07月18日10:46:34Jorrci阅读数：3030使用前我们先了解下3.0较2.0有哪些区别3.0新加入了TypeScript以及PWA的支持部分命令发生了变化
丹蕾_7933·2019-12-25 20:54

vue/cli 3 引入 使用jQuery

注意这里配置的是vue-cli3.0引入jquery的方法，不是vue-cli2.0的配置方法一、安装jquerynpminstalljquery--save二、一般安装成功后在package.json
乖乖女dome·2019-12-19 14:00

vue-cli3.0创建项目

1.准备工作更新npm到最新版本#命令行运行:npminstall-gnpm#npm就自动为我们更新到最新版本使用npm全局安装vue-clinpmi-g@vue/cli2.创建工程vueui#该命令可以打开创建的web窗口，根据体现选择就行3.工程创建完毕需要创建vue.config.js文件constpath=require('path');module.exports={//基本路径base
忘川下的花海·2019-12-12 22:53

vue-cli3.0引入jQuery使用animate.css动态特效

在vue-cli项目中如果直接引入jquery的话会报“$”错误，因为识别不了。所以需要一些其它步骤。#安装jquerynpminstalljquery--save#在项目根目录vue.config.js文件中添加如下代码没有这个文件就创建constwebpack=require("webpack")module.exports={configureWebpack:{plugins:[newweb
very_cute_girls·2019-12-12 11:06

vue-cli 3.0 引入 vant 打包后样式丢失

脚手架：vue-cli3.0。问题描述：通过ts-import-plugin实现vant按需引入组件，在开发环境正常，打包的生产环境后，vant组件的样式丢失。
回调的幸福时光·2019-12-08 09:16

vue脚手架版本（2.0,3.0）与 vue版本（2.x,3.x）

版本当前vue基础语言版本，有2.x、3.x（Alpha预览版已经上线，正式版预计发布2020年）当前vue-cli版本有vue-cli2.0、vue-cli3.0（目前它们都是基于Vue2.0语法开发
squidbrother·2019-12-07 16:08

vue 2.0 卸载报错 and @vue/cli 安装

首先卸载vue-cli3.0以下版本1.执行sudonpmuninstallvue-cli-g，2.如果无法卸载就直接删除rm-rf'文件路径'3.安装npminstall-g@vue/cli#ORyarnglobaladd
爱尔兰的男孩·2019-12-05 17:00

使用vue-cli4.0快速搭建一个项目的方法步骤

所以所有项目开发的时候一直在用的vue-cli2.0，后来项目多了也没时间就没往vue-cli3.0迁移现在终于到了空闲期，可以
不想写代码的码农·2019-12-04 10:14

vue-cli3+Vant，打造webapp的项目脚手架

Vue-router+Vant+fastclick+vue-scroller+lib-flexible+reset.css+postcss-pxtorem+sassgithub地址：vue_vant_cli31.通过vue-cli3.0
阿尔法乀·2019-12-01 06:14

[ 2018.07.10 ] vue-cli3.0 安装jQuery

注：vue-cli3.0没有了webpack.config.js配置文件，取而代之的是集合在vue.config.js文件内进行配置默认已经安装好vue-cli3.0项目step1：命令行工具，进入项目文件夹
阿咕阿菇·2019-11-28 02:20

vue-cli3.0&electron使用

vue-cli3.0创建项目vuecreateelectron-vue-demo这时候报了一个错image.png因为我们的vue-cli版本不是3.0以上所以卸载重新安装vueuninstall-gvue-clicnpminstall
二营长家的张大炮·2019-11-27 10:13

vue-cli3.0配置图片转base64的规则

vue-cli3.0发现打包的时候，一些小于10k的图片没有转base64，需要自己新建一个vue.config.js的文件（在根目录），然后进行如下配置，就可以控制图片转义规则module.exports
Jade_g·2019-11-26 21:00

vue-cli 3.0 生产包去除console.log

使用uglifyjs-webpack-plugin来进行压缩优化，但是遇到了Unexpectedtoken:name***的报错，又是一番查询之后，有说这个插件不支持es6之后的语法，但是vue-cli3.0
如果俞天阳会飞·2019-11-26 15:34

vue引入静态js文件

vue-cli3.0的写法则是直接在public文件夹下创建js、具体操作如下：1、在public文件夹下创建config.js文件，里面文件的语法是es5，不允许使用浏览器不能兼
紫藤萝yu·2019-11-25 10:00

Tsx写一个通用的button组件

tsx就是基于typescript的废话也不多说，让我们开始写一个Tsx形式的button组件，ts真的不仅仅只有我们常常熟知的数据类型，还包括接口，类，枚举，泛型，等等等，这些都是特别重要的项目是基于vue-cli3.0
waitklove·2019-11-21 17:00

vue-cli3.0本地代理cookie跨域请求Nginx配置

由于后端需要通过请求取前端中的cookie信息，在本地开发模式中，直接请求接口，后端无法拿到前端cookie数据，经测试需在vue-cli中使用代理，如果使用Nginx做反向代理需同时修改Nginx配置如下：一、vue-cli配置首先在vue.config.js中加入代理配置：devServer: {    port: 3000,    open: true,    overlay: {     
庞永胜·2019-11-08 16:00

axios解决跨域问题（vue-cli3.0）

一、什么是跨域1、跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。2、同源策略是指协议，域名，端口都要相同，其中有一个不同都会产生跨域，在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。3、跨域问题怎么出现的开发一些前后端分离的项目，比如使用SpringBoot+Vue开发时，后台代码在一台服务器上启动，前台代码在另外一台
累成一条狗·2019-11-07 20:00

怎么用Vuecli 3.0快速创建项目

一.安装1.安装node.js，这里需要注意的是，VueCLI3需要nodeJs≥8.9，所以我们去中文官方下载地址：http://nodejs.cn/download/，下载最新版本即可；2.安装vue-cli3.0
骑码行天下·2019-11-05 14:00

vue-cli4

vue-cli4npminstall-g@vue/cli#ORyarnglobaladd@vue/clivue--version//查看版本vuecreatehello-world//创建一个项目image安装和vue-cli3.0
凌统丶·2019-11-01 11:09

vue-cli3.0+vue-video-play实现直播

vue-video-player与videojs-flash在main.js中引入组件中使用demo地址：https://github.com/xuboyan/vue-video-play直接下载下来一定要检查自己是否安装了vue-cli3.0
小旭同志·2019-10-22 14:54

vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

vue-cli是开发vue项目必不可少的脚手架工具，3.0版本之前的目录结构是由config目录的，关于webpack配置的文件都放在该目录里面，而3.0版本之后做了一个大更新，webpack相关的默认配置都帮你集成到webpack的npm包里面去了，官方提供的一种修改配置的方式就是开发者自己在项目的根目录（与src同层级的目录）下建立一个vue.config.js的文件，然后去覆盖自定义的配置，
show_code·2019-10-21 11:15

vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log

vue-cli2.0中的方法1.安装插件npminstalluglifyjs-webpack-plugin--save-dev2.修改webpack.prod.conf.js配置文件constUglifyJsPlugin=require('uglifyjs-webpack-plugin');plugins:[//http://vuejs.github.io/vue-loader/en/workfl
邹琼俊·2019-10-17 11:00

vue-cli4.0脚手架安装

10月16日，官方发布消息称Vue-cli4.0正式版发布,并且强烈建议升级;小编也是刚刚安装了最新版本的脚手架看看更新了什么安装和vue-cli3.0的是一模一样的，对比了一下3.0的脚手架，除了目录发生变化一些
小周sri的码农·2019-10-17 11:00

使用Vue-cli3.0创建的项目，如何发布npm包

在使用vue进行项目开发时，如果我们想要发布一个包，有时候会有点迷糊，不知道应该怎么修改脚手架的默认设置。这里记录一下一些常见的操作。创建index.js进行模块的导出将我们需要导出的组件在index.js文件中进行统一导出，可能之前需要进行处理，是先进行全局注册Vue.component，还是用户自己注册。importAppfrom'./App.vue'exportdefaultApp;修改vu
海因斯坦·2019-10-15 05:47

使用Vue-cli3.0创建的项目，如何发布npm包

使用Vue-cli3.0创建的项目，如何发布npm包在使用vue进行项目开发时，如果我们想要发布一个包，有时候会有点迷糊，不知道应该怎么修改脚手架的默认设置。这里记录一下一些常见的操作。
海因斯坦·2019-10-10 11:00

vue访问外部接口设置代理，解决跨域（vue-cli3.0）

vue-cli3.0搭建的项目，平时访问内部接口配置了拦截器，今天需要调用天气预报的外部接口，发现跨域问题，通过配置代理解决。
星空1993·2019-09-27 10:00

Vue.js踩坑记录：vue-cli 3.0 项目打包后页面空白

新建一个项目，使用vue-cli3.0进行构建，使用了vux和vue-router，本地运行时是没有问题的，但是在打包之后，页面就一片空白，打开控制台会看到是各种资源引用出错。
Niky99·2019-09-24 14:00

vue+ts搭建项目

两三个页面的也没必要用vue2.对typescript、vue全家桶能够掌握和运用此次项目模版主要涉及的技术框架：vue2.5vuex3.0vue-router3.0axiostypescript3.2Tip:由于vue-cli3.0
前端-陈泽锋·2019-09-19 17:00

vue-cli3.0 移动端px转rem以及vue-cli3.0搭建等

网上说的较多的是postcss-pxtorem和postcss-px2rem（postcss-pxtorem配置项介绍https://segmentfault.com/a/11...）这里我采用了postcss-pxtorem，我是用的yarn安装,速度还是比较快的，以前用npm有时候要等很久。1、安装依赖包yarnaddlib-flexibleyarnaddpostcss-pxtorem2、引入
hongzheng·2019-09-05 00:00

Vue-Cli3.0 单页面如何预渲染，解决登录拦截导致无法部分路由无法预渲染问题？

vue单页面不利于seo,如何解决已有spa项目seo问题？1.安装cnpminstallprerender-spa-plugin--save-dev2.路由history模式constrouter=newRouter({mode:'history'})3.vue.config.js中的配置constPrerenderSPAPlugin=require('prerender-spa-plugin'
￡AP︶ㄣOL◢◤LO·2019-09-04 11:00

Vue-cli3.0下Webpack对vue包压缩

话不多说直接上代码如图这样会直接对js/html/css进行压缩constCompressionPlugin=require('compression-webpack-plugin')...configureWebpack:(config)=>{if(process.env.NODE_ENV==='production'){return{plugins:[newCompressionPlugin(
_HANSL·2019-08-29 00:00

vue-cli3.0 下cube-ui的使用一

首先使用Vue-cli3.0搭建Vue项目一.环境安装安装Node.js(可以去官网下载:node.js下载地址）安装yarnnpmiyarn-g安装vue-cli3.0npmi@vue/cli-g最后一步安装
_HANSL·2019-08-29 00:00

vue-cli3.0 脚手架 项目打包后，运行在服务器上，出现样式错乱的问题解决解决

vue-cli3.0脚手架项目打包后，运行在服务器上，出现样式错乱的问题解决解决在使用vue-cli3.0脚手架开发项目过程中，因为使用别人的框架开发的，在项目打包上线后，发现前台样式错乱问题，经过一顿好找
jiajinning·2019-08-27 12:06

详解在vue-cli3.0中自定css、js和图片的打包路径

前言我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css
yangzhao·2019-08-26 09:33

在vue-cli3.0中自定css、js和图片的打包路径

前言我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css
yangzhao·2019-08-25 00:00

vue-cli3.0的项目上，配置多个环境

在vue-cli3.0的项目上，配置多个环境一般情况下，我们会需要三个环境（本地开发环境、测试环境、生产环境），而3.0默认只支持两个环境（即测试环境、生产环境），如何配置多个环境，请往下看：第一步在此处建立额外的环境配置文件
云端君·2019-08-23 11:18

vue-cli3项目放在服务器上 静态资源路径不对报404错误解决方法

问题描述我使用vue-cli3.0创建了项目，npmrunbuild之后上传文件夹至服务器；报错css文件、js文件404image.png解决方法1.在项目根目录创建一个vue.config.js文件
QIU_hc·2019-08-22 17:12

vue3.0安装

VUE-CLI3.0脚手架安装文档：https://cli.vuejs.org/zh/guide/条件：npm更至最新node>=8.91.全局安装npminstall-g@vue/cli或yarnglobaladd
paul200345·2019-08-19 17:43

基于TypeScript, Vue, Spring boot的一个示例项目

相关整合:1.基于vue-cli3.0搭建的vue-ts项目。2.整合vue的路由控制。3.整合axios,cookie相关所需要插件。4.菜单的权限控制。
Cr丶·2019-08-19 16:05

vue-cli3.0 配置多页面，跳转页面刷新

写这篇主要是前段时间在公司做了一个三周年活动的项目，主页面A，次级页面B和C，并且每个页面都有分享功能，且分享出去打开的是当前页面。vue本身是一个单页面应用，如果不进行改造的话，你从A页面进入到B页面，然后再B页面进行分享的时候，分享出去的连接依旧是A页面，你可以在手机端打开百度然后随便进入一个新闻页，分享出去在通过卡片进来你会发现依旧是主页面。github连接会放到最下面，不着急的同学可以一步
: ) ---·2019-08-16 16:48

vue-router——路由配置及动态路由

引入方式路由配置动态路由动态路由参数获取两种使用方式：CDN引入：直接使用NPM下载：需要配置npminstallvue-router-S//或者--save通过插件形式安装（会自动给您配置好）：vueaddrouter在vue-cli3.0
红旗下的小兵·2019-08-13 12:39

vue-cli3.0使用prerender-spa-plugin插件预渲染

vue-cli3.0版本1.安装cnpminstallprerender-spa-plugin--save2.vue-config.js中增加constPrerenderSPAPlugin=require
平凡の露珠·2019-08-06 14:06
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他