@vue-cli3

基于vue-cli3多页面开发apicloud应用的教程详解第1/2页

之前开发项APP项目直接用APICloud+原生js的方式进行编写，整个项目下来发现开发慢，页面代码多且复杂，维护起来相对困难，而且文件大打包之后的APP会比较大，apicloud的框架也不好用，支持部分es67(像let、const、import等es6新特性不支持写的太难受了)采用vue-cli+APIcloud的方式写解决以上痛点，开发灵活，并且打包之后体积更小速度更快环境依赖vuewebp
假装取了昵称·2019-06-03 16:59

Vue+PWA初尝试

创建项目使用vue-cli3来构建项目基本的结构，在选择配置项的时候把PWAsupport勾上。
BoomKing·2019-05-30 18:41

vue-cli3中vue.config.js配置教程详解

前言vue-cli3推崇零配置，其图形化项目管理也很高大上。但是vue-cli3推崇零配置的话，导致了跟之前vue-cli2的配置方式都不一样了。
ZJW0215·2019-05-29 09:47

详解vue-cli3开发Chrome插件实践

后来发现了vue-cli-plugin-chrome-ext插件，通过这个插件能很方便地用vue-cli3来开发谷歌插件，并能直接引用各种UI
Mr李子·2019-05-29 08:21

vue vue-cli3 修改elementui的date-picker源码 引入node_modules里的element-ui后报错exports is not defined

报错说明：1.复制node_modules/element-ui/packages/date-picker里的文件到自己项目里---------》》》》》》》2.运行npmrunserve报错exportsisnotdefined解决方案：1.修改babel.config.jsmodule.exports={presets:[['@vue/app',{useBuiltIns:'entry'//添加
Cynthia娆墨旧染·2019-05-28 11:00

vue-cli3 配置不同打包环境

1.package.json添加scripts命令2.在项目根目录添加.env.stage文件NODE_ENV='production'VUE_APP_CURRENTMODE='stage'outputDir='stage'3.在vue.config.js中使用环境变量，定制输出文件为环境变量配置的文件4.使用命令npmrunstage
你这丑小子·2019-05-27 17:27

vue-cli3构建TS项目（基础篇）

概述：template和style跟以前的写法保持一致，只有script的变化Vue三个TS封装库vue-class-componentvue-class-component对Vue组件进行了一层封装，让Vue组件语法在结合了TypeScript语法之后更加扁平化vue-property-decoratorvue-property-decorator是在vue-class-component上增强
非为000·2019-05-24 17:05

使用vue自定义指令开发表单验证插件validate.js

这段时间在进行一个新项目的前期搭建，新项目框架采用vue-cli3和typescirpt搭建。因为项目比较轻量，所以基本没有使用额外的ui组件，有时候我们需要的一些基础组件我就直接自己开发了。
genetalks_大数据·2019-05-23 16:59

vue-cli3 设置全局的css变量

事件背景，今天新开发一个项目的时候整套项目有一个主题颜色;第一步定义全局css变量首先我们写一个scss文件（也可以css，less..）；定义好需要全局使用的css，例如：我这里写了一个color定义一个color.png第二步配置到预加载在vue.config.js中添加你要预加载的全局css变量,注意import你的文件路径module.exports={//css相关选项css:{/*为预
前端_周瑾·2019-05-23 15:00

同一台电脑 实现 vue-cli2和vue-cli3同时并存

win下vue-cli2和vue-cli3并存，一起使用开局一张图，内容慢慢编文章目录win下vue-cli2和vue-cli3并存，一起使用安装vue-cli版本检验安装是否成功修改vue2和vue3
Jioho_·2019-05-23 00:21

vue-cli3项目兼容ie

1、当我们使用vue-cli3搭建的脚手架开发项目时，一般浏览器都可以支持，唯独ie浏览器，运行时页面一片空白2、下载babel-polyfill模块npminstallbabel-polyfill-s3
依赖_赖·2019-05-21 17:50

vue-cli3搭建项目

VUE-CLI3.x搭建项目过程，首先确保自己安装了node全局安装vue-clinpminstall-gvue-cli可以使用vueui来进行界面配置项目使用终端vuecreate命令来创建项目。。
BeMount·2019-05-21 11:44

将vue-cli3生成的项目提交到GitHub新建仓库

Git将vue-cli3生成的项目提交到GitHub初始化由于我使用的是脚手架，项目应该是已经初始化了，使用下面这个命令他告诉我项目已经被初始化ReinitializedexistingGitrepositoryinG
Gabriel_wei·2019-05-20 17:02

vue-cli3导出表格excel，Export2Excel导出表格，导出多sheet excel，vue导出多页表格

目录（一）直接调用（二）、封装导出函数调用最近做项目中有一个导出excel表格的需求具体思路是：后端返回给我json数据，前端根据数据和具体的几项字段去导出excel表格，还有导出多个sheet，多页表格到一个excel表里面，具体思路根据Export2Excel插件，并修改插件Export2Excel完成导出多页(多个sheet)的excel第一步：安装插件依赖npminstallfile-sa
csl125·2019-05-18 18:38

移动端vue项目模板

模板项目技术栈vue-cli3脚手架vue-routervuex跨组件通信rem适配axios拦截器tokenPromisevant-ui核心知识体系简介vue-cli3脚手架创建项目开发环境和生产环境配置
胡儒清_前端那个老胡·2019-05-17 16:31

移动端vue项目模板

模板项目技术栈vue-cli3脚手架vue-routervuex跨组件通信rem适配axios拦截器tokenPromisevant-ui核心知识体系简介vue-cli3脚手架创建项目开发环境和生产环境配置
胡儒清_前端那个老胡·2019-05-17 16:31

vue-cli3 配置开发与测试环境详解

需求首先介绍一下本项目的背景，是基于vue-cli3.1.1的单页应用，目前测试环境和生产环境都在线上，并且都在同一个域名下，其中生产环境部署在根目录下，测试环境部署在名为test的子目录下，根据生产环境和测试环境的不同，某些界面和交互有细微的差别。根据以上项目的基本情况，分析出需求如下：实现区分线上生产环境和线上测试环境的环境变量，供项目代码中全局使用。实现输入一行命令，执行两条指令，分别打包线
林雪·2019-05-17 10:02

vscode中支持vue-cli3构建的项目eslint对vue文件的检测

中为了能让vscode能提示.vue文件中的js代码，我们引入了eslint-plugin-html这个eslint插件（使用方法参考VSCode环境下配置ESLint对Vue单文件的检测）最近开始使用vue-cli3
龚明华·2019-05-17 00:00

vscode安装和配置ESLint

文档ESLint中文网实操我的项目是由vue-cli3的脚手架搭建的，在搭建的时候选择的是ESLint+PrettierVueCLIv3.1.3?
Gabriel_wei·2019-05-16 18:21

Vue开发总结 及 一些最佳实践 （已更新）

基本开发环境vue-cli3创建的项目，vscode作为代码编写工具vscode插件推荐：vscode插件配置文章目录项目目录结构介绍UI框架选择main,js处理axios请求二次封装1.项目目录结构简介
码路芽子·2019-05-15 00:00

Vue开发总结 及 一些最佳实践 （已更新）

基本开发环境vue-cli3创建的项目，vscode作为代码编写工具vscode插件推荐：vscode插件配置文章目录项目目录结构介绍UI框架选择main,js处理axios请求二次封装1.项目目录结构简介
码路芽子·2019-05-14 15:18

使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题

在终端中运行以下命令:vuecreatexxx//xxx为项目名称，例如vue-project然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键。然后，我们将看到一系列功能选项。使用向下箭头键，我们将向下移动并使用空格键选择需要的功能，然后按回车键。Linter/Formatter就是代码风格。我们将使用ESLint+Prettier我们将在保存时
YinXiaobo·2019-05-14 14:36

Vue-cli3 安装及快速创建项目 详细步骤

Vue-cli官网https://cli.vuejs.org/zh/开始安装1、先装nodeVue-cli是一个node包，首先要先装node.js，对版本也有些要求(node.js具体流程安装看这里)2、安装Vue-cli3
guochanof·2019-05-13 23:57

vue-cli3.x 新特性及踩坑记

webpack.png前言vue-cli都到3.0.3了，所以是时候玩转一下vue-cli3的新特性了。
是夜尽天明呀·2019-05-12 16:57

vue-cli3项目本地mock数据时报404错误

环境：window7、node.js(11.6.0)项目：vue-cli3下创建的项目，已安装axios，使用自带的webpack-dev-server来mock数据：在根目录下创建vue.config.js
偶余杭·2019-05-12 15:31

从0到1搭建element后台框架优化篇(打包优化)

本项目是由vue-cli3开发，vue-cli3深度集成了webpack,如果不熟悉vu
zyhing·2019-05-12 10:12

将vue项目部署到相对目录

vue-cli3以下1、修改build/utils.js文件增加一行：publicPath:'../..
CAT_0_0·2019-05-11 17:46

深入浅析[email protected] 使用及配置说明

使用vue-cli3已经有相当一段时间了，一直没怎么去注意其中的配置，所以趁着这段时间总结下应用过程中的一些经验，本文是从安装到开发使用的一个过程讲解，也可以说是新手向的文章，文字有点多，请耐心观看。
Echi灬丨无痕·2019-05-08 08:37

如何获取vue单文件自身源码路径

D2Admin是一个开源的，前端中后台集成方案，原先是基于vue-cli2，大概是向vue-cli3过渡时，作者老李，想在页面右下角加个Toggle点击，跳到当前页面源码对应的github页面。
CNine·2019-05-06 15:25

vue-cli 3.x 开发插件并发布到 npm

为了了解日常使用的npm包是如何发布到npm并且提供给我们下载的于是抽空写了一个vue-cli3.x的textarea包，打算发布到npm一、调整项目结构首先用vue-cli3创建一个default项目
hzxOnlineOk·2019-05-05 18:07

Vue-cli3创建Vue项目

一、本地安装vue-cli可以使用下列任一命令安装这个新的包：npminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装vue-cil，因为是全局安装npminstall-gvue-cli查看是否安装成功。vue--version二、创建项目1、首先，执行：vuecreatemy-project会弹出如下界面：此处有两个选择：default(babel,eslin
徐小七七·2019-05-05 15:14

Vue-cli3项目的创建 和 通过桥接继续使用 Vue-cli2.x

安装Vuecli3VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x)，你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。Vuecli3对Node版本要求的要求需要Node.js8.9或更高版本(推荐8.11.0+)。然后通过一下两种办法安装npminstall-g@vu
haohemr·2019-05-05 13:15

怎么使用Vue-cli3开发像iview、element那样的组件可下载直接使用

https://www.cnblogs.com/wisewrong/archive/2018/12/28/10186611.html参考这个就行。而我这篇文章主要是对里面的相关步骤作一些简单的说明。1：安装Vue-cli32：目录创建：packages目录用于存放自己定义的组件examples用于演示组件3：创建vue.config.js配置文件，为什么要配置这文件？因为我们把原来的的src入口目
破壳而出的蝌蚪·2019-04-30 22:00

vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component

介绍做前端的大家都知道通过vue开发的项目每次创建新组建的时候，都要新建一个目录，然后新增.vue文件，在这个文件中再写入template、script、style这些内容，虽然在写入的时候大家都有自己的自动补全共计，不过这些都是模板性的，每次都要这样重复操作，很麻烦有没有。本文就是通过node来帮助我们，自动去执行这些重复操作，而我们只需要告诉控制台我们需要创建的组件名字就可以了。本文自动创建的
多多ing·2019-04-30 14:15

Vue-cli3简单使用(图文步骤)

Vue-cli3.X创建项目1.环境要求安装Vue-cli3.x的前置条件：Node.js以Windows为例安装Node.js,百度“Node.js官网”或”Node.js中文网”均可,如无特殊要求下载安装LTS版（长期支持版，该版本已满足VueCLI官网所需要求版本要求）一路Next即可，一般无需更改默认安装设置安装完毕在开始菜单内即可找到一个名为Node.js的文件夹如下图注：Node.js
Forever_ward·2019-04-30 10:56

Vue-cli3 环境变量和模式

前段时间工作中用Vue-CLI3构建的Vue工程一些静态资源，比如静态H5页面、图片、图标等等，我们一般放在固定的一些服务器上，链接前缀一般相对固定，但我们打包发布一般要区分测试环境和生产环境，此时的静态资源路径也需要区分测试和生产
代码视界·2019-04-29 23:09

vue-cli3初始化仓库

全局安装vue-clicnpminstall-g@vue/cli检测是否安装成功vue--vesion新建项目创建一个名字为hello-world的项目vuecreateresource-share创建要给项目如果不愿意用命令行，还可以用图形界面vueui选择配置如果不使用UI界面，会是这样如果你上一次配置并保存了这里就会指向一个你上次保存的名字，第一次执行create是没有的按键盘上下键可以选择
Gabriel_wei·2019-04-28 08:45

Vue-CLI3.0项目搭建过程系列一：项目创建及基本插件安装

Vue-cli3官方：https://cli.vuejs.org/zh/guide/这个系列计划从零开始搭建一个Vue-CLI3.0的项目，其中会包括实际项目目录框架搭建、常用的插件安装使用方法（还会详细介绍
辣姐什么鬼·2019-04-26 18:31

vue-cli3实现分环境打包步骤（给不同的环境配置相对应的打包命令）

在vue-cli3的项目中，npmrunserve时会把process.env.NODE_ENV设置为‘development’；npmrunbuild时会把process.env.NODE_ENV设置为
diaojw090·2019-04-26 11:52

Vue-cli2 + webpack搭建vue项目流程以及打包发布流程

目录1.1命令行初始化项目1.2分析项目目录1.3运行项目1.4多环境配置打包发布一.vue-cli2+webpack搭建项目流程以及打包发布流程最近升级到vue-cli3，发现vue-cli2搭建项目命令不能用了
qq_35321405·2019-04-25 18:28

使用vue-cli3新建一个项目并写好基本配置(推荐)

1.使用vue-cli3新建项目：https://cli.vuejs.org/zh/guide/creating-a-project.html注意，我这里用gitbash不好选择选项，我就用了基本的cmd
Happy222~·2019-04-24 09:30

vue-cli3使用 DllPlugin 实现预编译提升构建速度

参考源码自己写（2）非用不可的又比较大的库（我这里用了monaco-edit），使用cdn方式引入打包体积减少的情况下，自然速度也会有所提升2.加快打包速度：我目前做了这些：（1）vue-cli2升级到vue-cli3
Happy222~·2019-04-24 09:00

vue-cli3 DllPlugin 提取公用库的方法

本文主要讲述在vue-cli3中利用DllPlugin来进行预编译。1、安装相关插件yarnaddwebpack-cli@^3.2.3add-asset-html-we
lifefriend_007·2019-04-24 09:42

vue-cli3本地mock本地测试数据

使用vue-cli3,在本地vue项目，新建mock文件夹，存放测试数据，通过axios访问。
ZYLoooong·2019-04-23 19:56

vue项目首屏加载时间优化实战

我的项目vue-cli3构建的，vue+vue-router+vuex，UI框架选用element-ui，ajax方案选用axios，服务器使用Nginx。
面包大虾·2019-04-23 11:29

vue项目首屏加载优化实战

我的项目vue-cli3构建的，vue+vue-router+vuex，UI框架选用element-ui，ajax方案选用axios，服务器使用Nginx。
面包大虾·2019-04-22 20:00

详解Vue中使用Axios拦截器

我用的是vue-cli3所以这个config文件是我自己创建的。
熬夜的小青年·2019-04-22 08:48

vue-cli3本地模拟数据（一）

目前vue最新的脚手架是vue-cli3，相比之前的vue-cli2，vue-cli3更轻便，而且新增了图形界面管理。
蒋蒋_dbfe·2019-04-21 22:24

Vue项目构建持续集成阿里云CDN

本文以一个基于vue-cli3构建的项目实例，来简单讲解如何配合Teamcity，自动进行阿里云CDN资源部署和持续集成。
LichKing24·2019-04-18 00:00

详解vue-cli3 中跨域解决方案

此方案只能用于开发环境，线上最好设置同源策略（遇到个后端,装你妈批）前后端不在同一服务器的情况下，前端要访问后端API，可通过在vue.config.js中配置代理服务器。0：前提条件1：安装vue-lic2：安装axios用于发送请求。1：将任何未知请求转发到代理服务器如：前端地址：127.0.0.1后端地址：127.0.0.2当访问地址为127.0.0.1/api，没有匹配到这地址，那么就会被
破壳而出的蝌蚪·2019-04-10 09:57
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他