vue-cli 第84页

Vuejs2.0之异步跨域请求

首先我们来安装Vue-Cli开发模板(这个模板可以快速生成vuejs的运行配置环境,可以使新手快速免除配置搭建出运行界面)，这里我使用cnpm命令，请自行百度配

大灰狼的小绵羊哥哥·2020-09-12 11:52

windows 下用vue-cli脚手架工具创建vue项目及遇到的相关问题

vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-cli一、安装node.js首先需要安装

sanjtu·2020-09-12 11:46

解决vue axios跨域请求

在项目开发的时候，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们现在使用vue-cli进行项目打包的时候，我们在本地启动服务器后，比如本地开发服务下是http://localhost

银子LV·2020-09-12 11:26

服务器端处理跨域请求的最简解决方案

最近在写一个vue-cli搭建的博客，本地测试的时候vue-cli是跑在node.js上的，而数据要从apache得到，由于node.js监听8080，apache监听80，端口不一致，导致出现跨域请求

爱写点东西的留白·2020-09-12 10:53

vue-cli+vuex+scss+element-ui+axios+webpack搭建超简洁完整项目+IIS部署（入门全家桶）...

从vue-cli脚手架搭建,到实际项目中用到，比如vuex状态管理；css预编译语言scss；还可能会借助ui框架element-ui；以及与服务端数据交互axios；还有部署到服务器端；才是完整的项目流程

weixin_34248258·2020-09-12 09:56

Vue-Cli 2.X版本的打包优化简述

打包优化，我认为原则就是将进行代码压缩，将一个大文件拆分为细碎的小文件。越碎越好。因为技术有限，打包优化只是进行了5个方面的优化，对于小项目来说应该已经可以了。1.异步加载路由。通过constLogin=(resolve)=>require(['view/login'],resolve)方式进行路由的懒加载。虽然constIndex=()=>import('@/view/index')这种方式也能

weixin_30263073·2020-09-12 09:33

WebStorm2019.3.1版本创建VUE项目

文章目录前言WebStorm2019创建vue项目1.创建vue项目2.在项目终端执行创建vue-cli工程项目的命令：vueinitwebpack3.安装依赖：cnpminstall4.启动项目：npmrundev

芝芝莓莓i·2020-09-12 09:53

css实现图片叠加的几种思路（记录笔记）

可以用于加水印，一个div覆盖几个样式使用的是vue，vue-cli搭建项目，几种思路：1、切换背景样式。

孚亭·2020-09-12 09:51

vue Cli 环境删除与重装教程 - 版本文档

vue-cli卸载，版本选择，安装·检测（图文教程：vueCli环境删除与重装）重要说明：vue-cli3.0+版本，使用的不是vue-cli，而是@vue/cli；如果用以上的安装命令安装的并不是最新版的

·2020-09-12 09:54

在vue-cli项目中使用使用iview

介绍：iView是一套基于Vue.js的开源UI组件库，主要服务于PC界面的中后台产品。第一步：安装npminstalliview--save第二步:main.js中引入importiViewfrom'iview';import'iview/dist/styles/iview.css';Vue.use(iView);第三步：测试exportdefault{data(){return{value:[

吴莉·2020-09-12 09:33

小程序使用mpvue框架无缝接入Vant Weapp组件库

1、首先，我们需要有个mpvue的基础的项目文件骨架，即用mpvue初始化一个项目#全局安装vue-cli$npminstall--glo

weixin_30455023·2020-09-12 08:36

vue 创建+初始化项目

npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装vue脚手架npminstall-g@vue/cli4.创建projectname项目,按需求选择vue-cli

真前端·2020-09-12 07:38

前端 api 请求缓存方案

甚至在vue-cli项目中我们可以使用--modern指令生成新旧两份浏览器代码来对程序进行优化。而事实上，缓存一定是提升w

weixin_34067102·2020-09-12 07:46

创建Vue项目以及引入Iview

创建Vue项目以及引入Iview官方文档#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project

Seek_Of·2020-09-12 07:54

vue-cli webpack 项目打包后如何运行

vue-cliwebpack创建的项目打包后生成的项目如何运行1.项目打包运行npmrunbuild项目打包会形成一个dist文件加，里面是打包之后的东西在这里进行一下描述dist整个文件夹下的东西就是要运行在服务器端的所有东西，之外的任何东西都是本地测试的，不需要部署服务器上2.如何运行打包后的项目以express服务器为例安装express创建一个文件夹，在文件夹下运行命令行工具，先生成pac

喜大普奔⁶⁶⁶·2020-09-12 06:04

从零搭建Vue基于Intellij IDEA的开发环境

目录步骤安装Node.js安装Vue脚手架选择镜像方法一：从淘宝镜像源安装方法二：安装nrm，切换到淘宝镜像源安装安装vue-cli构建项目命令行构建项目构建项目导入IDEAIDEA构建项目安装Vue.js

SKYLY2·2020-09-12 05:41

web前端常用指令

安装vue-cli查看全局安装目录npmlist-g--depth查看当前目录(看实战案例老师的操作没有问题，但是我查看就会报错不知道问啥)npmls

喵喵酱呀·2020-09-12 02:06

vue-cli + lib-flexible + px2rem实现px自动转化为rem

原文地址：http://hjingren.cn/2017/06/16/%E5%9F%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/安装lib-flexible在命令行中运行如下安装：npminstalllib-flexible--save-dev引入lib-fle

xiaoyao9524·2020-09-12 01:07

在vue.js与h5混合开发中使用图片懒加载vue-lazyload.js插件详细使用步骤

最近没有使用vue-cli而是使用的vue.min.js与h5混合开发中用到了vue-lazyload.js查询了大量的资料但是发现都是脚手架的教程比较多所以稍微整理一下vue混合开发的用法1.cdn或者将

努力学习的萌新·2020-09-12 00:43

手摸手，带你用 vue 动画实现原生 app 切换效果，丝滑般的体验

/github.com/imfing/vuexlearn码云gitee:https://gitee.com/stackfing/vuexlearn欢迎star准备开始之前您需要有vue基础，以及安装好vue-cli

chengli771711·2020-09-12 00:41

基于vue-cli配置移动端自适应

%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/今天来聊一聊基于vue-cli

crazyFengGan·2020-09-11 23:03

使用ASP.NET Core MVC的Vue.Js

模板基础知识和设置Node.js节点包管理（NPM）Bower,YarnWeb-pack,Grunt或GulpGulp/GruntWeb-Pack与Gulp/GruntType-ScriptBabel安装VUE-CLI

寒冰屋·2020-09-11 22:59

使用tsx开发vue项目入门

首先使用@vue/cli创建一个vue模版项目（记得是@vue/cli不是vue-cli还不知道的人可以点此传送门进入

__LeoZhang·2020-09-11 21:41

prettier包升级后vue项目运行报错

今天用vue-cli新建vue项目的时候，发现项目怎么都跑不起来。最后通过与以前项目作比较，发现prettier这个依赖的版本从原来的1.12.0升级成了1.13.1。

diaobiteng1128·2020-09-11 21:26

.net core 集成vue

要求需要你的计算机安装有•.netcore2.0以上版本•node、webpack、vue-cli、vue（npminstall默认版本即可）•visualstudio2017/vscode初始化.netcore

anjijia1803·2020-09-11 21:08

如何将本地项目上传到Gitee

1、创建一个仓库，[email protected]:wy6921/xxx.git到本地某个文件夹，再在这里面创建vue-cli，最后再更新，没什么可说的。

qq_41833434·2020-09-11 21:23

Vue-cli多页配置及多页面之间的跳转问题

vue开发，现在大部分做的都是（SPA）应用，但是，由于，需求不同，我们针对的用户需求变更较为，频繁，如果每次都全量打包更新，给开发的自测，及测试妹子的任务就会多，每次都要重新验证一下才放心。所以，想着能不能搞一个多页的，进行增量升级，所以就有了以下的配置。网上配置很多，也很详细，我也有参考。废话不多说开始吧！如果有说的不对的，请大家指出，我会及时改正。一目录结构调整修改之后目录二，配置文件修改修

乐夫天命兮·2020-09-11 20:51

[Vue]Vue-Cli 用run serve启动项目后一片空白的问题，终端及浏览器均无报错！

前言今天粗略地又看了一遍Vue-Router官网，本来想查漏补缺，没想到啊，导致项目运行出问题了。问题cnpmrunserve后，终端及浏览器均无报错，找了半天原因，最终发现是路由router.js那里自己手贱粘贴了一段代码，多加了一个路由的独享守卫，如果不做处理的话，路由会一直没反应，自然就进入了beforeEnter函数这里，相当于被拦截，所以渲染不出对应的组件，啥也不是，散会！解决把这里注释

iChangebaobao·2020-09-11 19:21

vuecli3打包报警告：chunk chunk-common [mini-css-extract-plugin] Conflicting order.

问题运行npmrunbuild时，报下面的warning解决方案我们在vue.config.js配置文件里添加下面的css配置，用于打包时禁用顺序检查https://github.com/vuejs/vue-cli

凯小默·2020-09-11 18:51

vue-cli脚手架build目录中的build.js配置文件

本文系统讲解vue-cli脚手架build目录中的build.js配置文件这个配置文件是命令npmrunbuild的入口配置文件，主要用于生产环境由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解

叶家伟·2020-09-11 18:51

vue2

4.2ajax4.2.1数据接口4.2.3ajax的使用4.2.4同源策略4.2.5ajax跨域(跨源)方案之CORS5.组件化开发5.1组件[component]5.1.1默认组件6.Vue自动化工具（Vue-cli

天空小强·2020-09-11 17:16

vue-cli如何打包和图片上传丢失问题

vue项目的打包需要修改config/index.js里的assetsPublicPath的字段，初始项目是/他是指向项目根目录的也是为什么会出现错误，这时改为./如下：build:{//Templateforindex.htmlindex:path.resolve(__dirname,'../dist/index.html'),//PathsassetsRoot:path.resolve(__d

zeke_x·2020-09-11 17:15

Vue进阶（五十五）：vue-cli脚手架build目录中的build.js配置文件

这个配置文件是命令npmrunbuild的入口配置文件，主要用于生产环境。由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解，请关注我博客的其他文章。//此文件是在node环境中运行的，使用webpack的nodejsAPI实现自定义构建和开发流程//npm和node版本检查，请看我的check-versions配置文件解释文章require('./check-v

No Silver Bullet·2020-09-11 16:30

vue-cli的webpack模版，相关配置文件dev-server.js与webpack.config.js配置解析

1.下载vue-clinpminstallvue-cli-gvue-cli的使用与详细介绍，可以到github上获取https://github.com/vuejs/vue-cli2.安装webpack项目模版vueinit比如：vueinitwebpackmy-project之后可以在当前目录下下载该模版，然后npminstall安装所有的依赖包，可以得到如下的目录结构3.目录结构与文件配置说明

BeArchitect·2020-09-11 16:01

使用vue-cli 3搭建一个项目

node版本官方建议，node.js的版本，需要是8.9或者以上（建议是8.11.0+）更新vueclinpminstall-g@vue/cli创建项目vue3.x同样支持这种方式：vueinitwebpackproject-name我们用最新的创建方式：1.vuecreateprojectName这里推荐选择第二个，第一个默认没有router和vuex，个人选择了如下内容2.是否使用histor

温酒斟与你·2020-09-11 16:04

VUE : vue-cli中去掉路由中的井号#操作

vue-cli项目中，如果想去掉url地址栏中的“#”我们可以用路由的history模式，这种模式充分利用history.pushStateAPI来完成URL跳转而无须重新加载页面。

·2020-09-11 15:10

彻底搞懂并解决vue-cli4中图片显示的问题实现

在基于vue-cli实际开发过程中，很多小伙伴都会遇到关于图片显示的困扰，不管怎么设置，图片就是显示不出来，今天我们来详细说说这个问题。

·2020-09-11 15:09

vue-cli脚手架的.babelrc文件用法说明

熟悉linux的同学一定知道，rc结尾的文件通常代表运行时自动加载的文件，配置等等，类似bashrc,zshrc这个文件是用来设置转码的规则和插件vue-cli脚手架的.babelrc文件{//此项指明

·2020-09-11 15:35

vue-cli创建的vue项目学习

PS：这里有一些学习vue的视频资源，有需要的朋友可以去看看：https://fgk.pw/i/d0h05Lh2659一、vue-cli创建的项目的目录结构及说明参考：http://blog.csdn.net

终究是开心哥·2020-09-11 14:33

vue build :零配置快速开发

不需要vue-cli脚手架搭建，只写一个*.vue文件就可以通过vuebuild命令启动，非常合适想写一点Vue的dom或小型项目。

非凡主力·2020-09-11 14:17

vue-cli -- 字体图标使用

vue-cli–字体图标使用1、font-awesome1.使用npm安装npminstallvue-awesome//或者npminstallfont-awesome2.在main.js文件下import

长安城中一市民·2020-09-11 13:43

vue-cli创建的项目部署在相对路径，你需要做这些。

如果静态文件不是部署在网站根目录下，vue-cli将给你造成巨大的麻烦。你不能直接把build好的文件抛进一个目录。你不能直接在本地打开用vue做好的静态网站。改成相对路径，主要需要做两步。

weixin_34347651·2020-09-11 13:27

使用Vue-cli 3.0搭建Vue项目

VueCLI介绍VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli搭建交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。一个运行时依赖(@vue/cli-service)，该依赖：可升级；基于webpack构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方

A_wyman·2020-09-11 12:24

mockjs语法规范、设置mockjs拦截响应时间、Mock.Random占位符生成随机数据

首先回顾vue-cli项目中使用mockjs步骤：1、安装mockjs、axios（http请求库）；cnpminstallmockjsaxios--save2、在项目中新建一个mock.js文件，用于定义接口返回的数据

广积粮缓称王·2020-09-11 12:46

vue-cli构建项目详解

目录1、Vue是什么2、node安装3、NPM4、cli安装5、快速构建项目6、vue-test目录解析7、项目运行详解8、总结1、Vue是什么vue是什么，是一套构建用户界面的渐进式框架。vue两大核心思想，组件化和数据驱动，组件化就是把一个整体拆分个一个一个的组件，组件可重复使用。数据驱动是前端未来的发展方向，释放了对DOM的操作，让DOM随着数据的变化而自然的变化，不必过多的关注DOM，只需

西洲 -·2020-09-11 11:20

Vue-CLI基础知识

=============================================================================-g=global脚手架3安装：拉取2.x模板：cnpminstall@vue/cli-init-g=========================================================================

-Y、·2020-09-11 11:57

vue项目（仿外卖APP）

用户等多个子模块;采用模块化、组件化、工程化的模式开发；后台使用mockjs模拟后台数据接口和API接口;项目展示地址(点击前往)学习心得：熟悉一个项目的开发流程学会组件化、模块化、工程化的开发模式掌握使用vue-cli

sherlockkid7·2020-09-11 11:00

vue-cli脚手架，怎么做移动端H5的多屏适配？

（1）安装lib-flexiblenpmilib-flexible--save（2）在main.js中引入//导入屏幕适配模块import‘lib-flexible/flexible.js’(3）在index.html中设置手机端适配的meta的代码(4)安装px2rem-loader使用flexible插件时会自动把px转换成rem单位时,我们将使用px2rem这个工具npminstallpx2

帅气欧巴·2020-09-11 11:02

Mac安装卸载插件报： or try running npm ERR! the command again as root/Administrator.

path/usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrapn

美貌智慧并重的攻城狮·2020-09-11 11:27

Vue.js 十五分钟入门

安装好vue-cli之后，使用vuecreate项目名称来创建项目，vue脚本手架自动创建以项目名称命名的目录。vue-cli3生成的项目结构比较科学，尤其是通过components和

weixin_34265814·2020-09-11 11:02

推荐频道

vue-cli