vue-cli4

通过Vue-cli4搭建vue+element UI项目

Vuecli3是一个交互式的项目脚手架。通过vuecreate可以快速搭建一个新项目，它包含了加载其它CLI插件的核心服务，并且提供了一个针对绝大部分应用优化过的内部的webpack配置，项目内部的vue-cli-service命令，提供serve、build和inspect命令。vue/cli4+elementUi项目的搭建node版本要求Node>=8.9，运行npminstall@vue/c
a095·2020-07-27 01:34

基于vue全家桶的后台管理系统（vue-admin-template) - 有权限管理的控制台台模板

技术栈vue2+vue-router+vuex+axios+sass（vue-cli4搭建的）启动
杜杜杜俊杰·2020-07-14 19:48

vue-cli4 使用vue ui 创建项目

1.安装node.js参考链接:https://www.jianshu.com/p/13f45e24b1de2.安装cnpm（可选）npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装vuecli4npminstall-g@vue/cli4.输入vue-V查看vuecli版本，出现版本号说明安装成功5.使用vueui创建项目v
小伙子。·2020-07-13 20:37

vue-cli4项目开启eslint保存时自动格式问题

最近新建一个vue-cli4的项目，初始化的时候没开启eslint，后面想开启的时候不好配置，这里就做个开启eslint和保存时自动修复格式的总结vscode首先安装eslint插件配置vscode的自动保存
·2020-07-13 15:45

Vue-cli4打包 npm run build 路径错误解决办法

在项目根目录下，和package.json同级的目录下，创建一个vue.config.js文件publicPath:'./'***是解决相对路径的方法module.exports={publicPath:'./',configureWebpack:{resolve:{alias:{'assets':'@/assets','common':'@/common','components':'@/com
让想法变成执行力·2020-07-13 14:38

Vue--vuecli4使用axios，及解决跨域问题

Vue–vuecli4使用axios，及解决跨域问题使用版本vue-cli4.1.2VScode1.42.0问题一、配置问题（根据此配置，可避免跨域问题）我配置访问后台路径时，发现vue-cli4已经没有了
我血条子呢·2020-07-12 19:49

vue-cli4中webpack配置

创建与package.json同级的vue.config.js文件。publicPath：项目在子路径运行一般运行在根路径https://www.my-app.com/，如果想运行在子路径https://www.my-app.com/my-app/。设置publicPath为/my-app/。有些场景不适用当使用基于HTML5history.pushState的路由时；当使用pages选项构建多页
前端爆米花·2020-07-11 06:47

vue-cli4 配置全局scss/sass变量

tips:项目使用scss之前吗，首先看看是否sass相应的包1、_variables.scss文件/*Variables*///Basecolor$black:#2c2f38;$green:#1ddfbc;$blue:#2ec4d5;$fontColor:#e7ecf0;2、执行vueaddstyle-resources-loadervueaddstyle-resources-loader3、配
lily_zhouou·2020-07-08 01:24

在vue-cli4中安装sass及报错解决方法

安装方法：遇到报错三步走第一步：用淘宝镜像安装resources-loader，vueadd多半报错cnpminstallstyle-resources-loadervue-cli-plugin-style-resources-loader-D第二步：安装node-sass和sass-loadercnpminstallnode-sass-Dcnpminstallsass-loader-D第三步：创
mt811·2020-07-07 17:21

vue-cli4创建vue项目之项目目录介绍

1.node_modules存放第三方依赖2.public存放静态文件夹2.1favicon.ico是网站图标2.2index.html页面入口文件3.src存放源码文件夹3.1assets存放图片，css3.2components存放组件3.3views存放视图组件3.4router存放路由配置3.5store存放vuex配置3.6plugins存放插件配置3.7App.vue根组件3.8mai
市民凌先生·2020-07-06 06:46

使用vue-cli4快速创建一个项目

升级本地环境1、node版本：需要nodeJs≧8.9（官方推荐8.11.0+）2、VueCLI的包名称由vue-cli改成了@vue/cli，之前如果本地全局安装了2.0的环境，那么需要全局卸载再安装最新版本npmuninstall-gvue-clinpminstall-g@vue/cli3、安装好了之后可以在命令行使用vue-V查看版本信息搭建新项目1、进入一个目录，创建项目：vuecreat
_长安·2020-07-05 09:46

Vue初体验---使用vue-cli4创建一个Vue项目

vue-cli是Vue项目构建的脚手架，现在已经更新到第四代了。介绍VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli搭建交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。一个运行时依赖(@vue/cli-service)，该依赖：1.可升级；2.基于webpack构建，并带有合理的默认配置；3.可以通
努力努力再努力dyq·2020-07-05 02:00

vue-cli4 && webpack高效框架（开箱即用vant版，打包仅28kb）

gitdemo地址：github地址element版本传送门本项目采用vue-cli4搭建使用全局样式库全局api全局工具库空框架(含各类demo)打包gzip之后仅为28kb（包含换肤功能，element
maogugu0319·2020-07-05 00:21

vue-cli4 && webpack高效框架（开箱即用element版，打包仅17kb）

gitdemo地址：github地址vant版本传送门本项目采用vue-cli4搭建使用全局样式库全局api全局工具库空框架(含各类demo)打包gzip之后仅为17kb请花费十分钟阅读说明提高你的开发效率提高项目的可维护性文档目录介绍项目配置文件目录说明项目约定项目工具全局变量与原型链网络请求
maogugu0319·2020-07-05 00:21

vue-cli4新建项目及分环境打包

写在前面  小编之前一直使用的是vue-cli2，没想到现在vue-cli4都出来挺长时间的了。现在就来探索一下脚手架4是如何新建项目并且进行分环境打包的吧。
不开花的玫瑰·2020-07-04 23:09

浅析vue-cli2和vue-cli4

目录安装及版本切换项目初始化目录结构对比IE兼容性安装及版本切换查看当前版本，如果是2开头说明当前使用的是vue-cli2，4开头的话就是vue-cli4vue--version如果无法识别vue命令说明没有安装vue-cli，使用以下说明进行安装安装2.0版本:npminstall-gvue-cli安装4.0版本：npminstall-g@vue/cli版本切换，即卸载当前版本，安装另外的版本从
crazyJialin·2020-07-04 13:52

vue-cli4更新历程

4.0.1(2019-10-16)?BugFix@vue/cli-plugin-eslint,@vue/cli-plugin-router,@vue/cli-plugin-vuex,@vue/cli-service-global,@vue/cli-ui-addon-webpack,@vue/cli-ui-addon-widgets,@vue/cli-ui,@vue/clifec160ffix:no
禅·思·2020-07-04 10:49

vue-cli4项目关闭eslint

vuecli创建的非大型工程中，使用eslint不如vscode自带的格式化文档用起来方便，而且几乎每次写完代码保存后就需要运行一次eslint，影响效率。简便方法项目根目录命令行输入vueui打开项目管理界面，点击左侧边栏的配置，再点击eslint，取消lintonsave的switch开关即可。根本方法打开项目根目录下的package.json，删除devDependencies对象中的"@v
BugAngel233·2020-07-04 01:14

vue 调用高德地图API

JSAPI），不同的API效果可能不一样2、在index.html中引入：3、在webpack.base.conf.js加入(预防Eslint的报错：AMap是undefined，在vue-cli3,vue-cli4
在成为巨擘的路上·2020-07-02 16:33

vue-cli——爬坑

1、vue-cli4无法热更新vue-cli4需要手动开启热更新，手动安装依赖webpack-dev-servernpminstall--save-devwebpack-dev-server在package.json
YUHUI01·2020-07-01 15:19

自动化测试（vue-cli4）

一、安装二、单元测试（jest）1.测试方法在src中新建utils.js：exportfunctionadd(x,y){returnx+y;}在test/emaple.spec.js中写测试代码：import{add}from'../../src/utils'describe('测试加法函数',()=>{it('具体的功能测试，测试数字相加',()=>{expect(add(1,2)).toBe
MiemieWan·2020-07-01 11:26

vue/cli4 单元测试与覆盖率体系搭建

探索vue-cli4创建集成mocha+chai的项目中，如何写单元测试和查看单元测试覆盖率。
_let·2020-07-01 04:54

vue-cli4中vue.config.js基本配置

module.exports={//部署应用时的基本URLpublicPath:process.env.NODE_ENV==='production'?'./':'/',//build时构建文件的目录构建时传入--no-clean可关闭该行为outputDir:'project',//build时放置生成的静态资源(js、css、img、fonts)的(相对于outputDir的)目录assets
Best_Program·2020-06-30 21:45

vue-cli4 + TS构建新项目（基础篇）

vue-cli4+TS构建新项目1.如果你之前没有安装vue-cli，可以通过如下命令进行安装:2.创建vue项目3.启动项目1.如果你之前没有安装vue-cli，可以通过如下命令进行安装:npminstall-g@vue/cliyarnglobaladd@vue/cli2.创建vue项目vuecreatevue-tsvue-ts是项目目录名，根据个人喜好取我们可以在这里手动选择配置：选择自己配置
weixin_45542889·2020-06-29 16:23

基于mac下前端开发基本环境搭建 VSCode + git + node.js + npm+ webpack + vue-cli4 + nrm + yarn

笔记一篇，备查（PS：一个教程搬运工）。第一步：安装编辑器vscode（有很多种编辑器，自己选择喜欢的，sublime,vscode，hbuilder,pychram…）vscode下载传送门此处搬运大神写的安装配置教程：vscode安装教程在vscode里安装一个插件DebuggerforChrome还有Vue,还有一个是在命令面板中安装一个和node.js有关的shell，名字暂时想不起来了。
当然大人·2020-06-29 11:38

Vue-cli4打包踩坑

最近在做一个vue项目，后台还没有开始，只是根据提供的原型ui把前台静态页面设计出来，也是本人第一次做，开始做的时候用的是cli-4.x版本，给我的感觉，简化了很多，目录结构很简洁。然而在打包准备上线测试的时候遇到了很多问题，以此记录下来，希望我的文章能够帮到有需要的童鞋。大神轻喷。一、初始打包命令npmrunbuild默认编译后直接在根目录生成dist文件夹在没有编写vue.config.js的
路途芬芳·2020-06-29 03:52

Vue-cli4 配置 element-ui 按需引入

在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程#1node与vue的版本情况#2未按需加载打包后的文件情况由上图看出，只是引入了element-ui框架后，js文件急剧的上升到了783KB，这显然是不能接受的。element-ui按需加载文档：https://element.eleme.cn/#/zh-
黄河爱浪·2020-06-27 06:52

vue-cli4 + view-design(iview)

因为项目要求用到定制主题，所以依照官方文档开始配置文件。在配置过程中遇到点问题。变量覆盖的方式可以成功配置颜色，用工具安装的方式没有成功，不知道是不是用脚手架搭建项目后与这种方式有冲突。本次配置是变量覆盖方式配置。在全局样式文件里引用依赖包里的index.less样式文件，之后在main.js文件里引用你的全局样式文件。这种方式需要在vue.config.js配置文件里添加css样式配置，否则编译
朝阳theRisingSun·2020-06-25 21:07

vue-cli4 + TS构建新项目

随着前端技术的发展，在项目中用ts的童鞋也越来越多。今天，给大家分享下如何通过vue-cli4+TS构建新项目。通过vue-cli脚手架搭建新项目1.如果你之前没有安装vue-cli，可以通过如下命令进行安装:npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.创建vue项目vuecreatevue-ts我们可以在这里手动选择配置：选择自己配置。?Check
「已注销」·2020-06-24 12:01

vue-cli4环境搭建，创建Vue+TypeScript项目

vue-cli4环境搭建，创建Vue+TypeScript项目1.操作环境2.安装vue-cli42.1.安装node环境2.2.安装yarn环境2.2.安装vue-cli43.创建TypeScript
OIOI灬·2020-06-24 12:08

vue系列教程-13vuecli初体验

什么是脚手架其实就是一个配置好了的使用webpack完成打包构建的初始化工程，和我们前面讲的webpack打包没啥区别，只是更为全面，在实际开发中也是常用的工具当前最新版本为vue-cli4但是和cli3
lookroot·2020-06-23 19:00

基于vue-cli4构建的web app

基于vue-cli4构建的图表类webapp写在前面项目介绍源码开发&使用plop部署写在前面从vue-cli3开始，vue-cli脚手架工具有了一个很大跨越，带来了全新的开发体验，和简约的配置方案，甚至有了可视化的界面操作
Never Yu丶·2020-06-23 00:22

搭建一个vue-cli4+webpack移动端框架（开箱即用）

简介这是基于vue-cli4实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。
弹琴弹琴·2020-06-22 17:43

从零开始在vue-cli4配置自适应vw布局的实现

简介viewportWidth也是vw布局从配置上来说比rem布局简洁了很多，bu需要配置安装lib，也不需要增加一个rem.js文件简称拎包使用安装包npminstallpostcss-px-to-viewport-D或者yarnaddpostcss-px-to-viewport-D配置移动端在vue.config.js中找到loaderOptions，如果没有的话需要在css属性下增加post
·2020-06-22 08:48

vue-cli4中，有一步询问你将所有插件配置写入package.json文件还是单独生成各自的配置文件

建议选择第一项，单独生成各自的配置文件！！！如果选择第一项此时的目录结构此时的package.json{"name":"test3","version":"0.1.0","private":true,"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint
Gabriel_wei·2020-06-21 20:19

vue-cli4项目搭建及目录简介

一、vue-cli4项目搭建1.卸载旧版本，安装新版本卸载：npmuninstall-g@vue/cli安装：npminstall-g@vue/cli查看版本：vue-V2.创建项目vuecreateproject-name
Dalin0929·2020-06-21 19:00

微人事项目学习之登陆页面制作(一)

创建项目创建该项目时采用的vue-cli4，可以在vue官网安装教程中下载安装。
人生错觉·2020-06-21 13:19

vue前端项目搭建和要点记录

vue-cli2和vue-cli3（vue-cli4）的一些区别据我目前的了解，创建vue项目，vue-cli不是必须的，但是在实际开发时，几乎就是必须的。
涂宗勋·2020-06-21 08:15

如何用vue-cli4.0构建多页面模板脚手架!？本文实战教你

启动项目gitclonehttps://github.com/qinouz/multipage.gitcdmultipagenpminstallnpmrundev复制代码目录√Vue-cli4√根据目录结构生成多页面配置
编程叫兽·2020-06-20 22:25

如何用vue-cli4.0构建多页面模板脚手架!？本文实战教你

启动项目gitclonehttps://github.com/qinouz/multipage.gitcdmultipagenpminstallnpmrundev复制代码目录√Vue-cli4√根据目录结构生成多页面配置
程序员的人生A·2020-06-18 10:00

如何搭建一个vue-cli4+webpack移动端框架？本文详解

简介这是基于vue-cli4实现的移动端框架，其中包含项目常用的配置，组件封装及webpack优化方法，可供快速开发使用。
程序员的人生A·2020-06-12 10:00

浅析vue-cli2和vue-cli4

目录安装及版本切换项目初始化目录结构对比1.4.0版本中项目环境变量配置文件没有了（dev.env.js/prod.env.js）2.4.0版本中不同环境的webpack配置文件也没有了（webpack.base.conf.js/webpack.dev.conf.js/webpack.prod.conf.js）安装及版本切换查看当前版本，如果是2开头说明当前使用的是vue-cli2，4开头的话就是
liu__software·2020-05-27 10:37

vue-cli4从零搭建vue项目 之 《项目创建》

以前公司用的都是cli2.X,现在已经更新到4了，所以闲暇之余搞一把一，卸载与安装//卸载2.xnpmuninstall-gvue-cli//卸载3.xnpmuninstall-g@vue/cli//安装4.xnpminstall-g@vue/cli二，创建项目创建项目分为命令行和图形化界面，图形化使用vueui，这里我用命令行vuecreateprojectName选择预设配置or自定义（选择自
贪玩蓝月半·2020-05-26 15:41

vue-cli4项目搭建 - 创建一个完整vue项目 从 vue-cli2 到 vue/cli4 要点记录

一步一步来，没问题的。一安装nodenode官网下载安装包https://nodejs.org/zh-cn/装node是主要是为了安装node中自带的npm包管理工具，下载好之后，选择好安装路径，一直下一步即可。1检查node版本window+R输入cmd打开命令行窗口输入或复制以下代码，出现node版本号即成功。（node版本不能太低，否则不支持之后的安装）node--version2更换淘宝镜
~Lorry~·2020-05-14 00:53

使用vue-cli4创建vue项目

使用vue-cli4创建vue项目使用以下命令安装vue-cli4npminstall-g@vue/cli还可以用这个命令来检查其版本是否正确vue--version创建vue项目vuecreateyour-app-name
芝麻bd·2020-05-12 11:56

Vue-cli4 唤醒摄像头扫描二维码

...载入中...letscan=null;importVuefrom"vue";import{Col,Row}from"vant";import{Icon}from"vant";Vue.use(Icon);Vue.use(Col);Vue.use(Row);exportdefault{data(){return{codeUrl:""};},destroyed(){},mounted(){this
可乐_加冰·2020-04-23 13:00

Vue-Cli4使用SVG的3种方式

第一种：直接使用SVG文件地址1.创建组件/components/Svg.vue.svg-icon{width:1.5em;height:1.5em;}exportdefault{props:{iconClass:{type:String,required:true}},computed:{iconSrc(){returnrequire('@/icons/svg/'+this.iconClass+
EJYeh·2020-04-19 17:38

Vue - Vue CLI(5): 用Vue-CLI3、Vue-CLI4创建的项目 打包及打包优化 配置

前文Vue-VueCLI(4):Vue-CLI2和Vue-CLI3、Vue-CLI4的区别里面有提到：VueCLI3、VueCLI4新建的项目，根目录结构内少了之前的build、config、static
益州府龙骑校尉·2020-04-14 11:00

Vue - Vue CLI(4): Vue-CLI2 和 Vue-CLI3、Vue-CLI4的区别

周末在家新建了一个Vue测试项目，但不管怎么建，总会提示一些有的没的，杂七杂八的信息，如：找不到funding、存在多少漏洞(vulnerabilities)什么的。如下所示：寻思着，出现这些问题的原因，应该是一些不太重要的依赖包更新了版本或迁移了地址，导致之前的Vue-CLI找不到对应的版本或依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响，但是一句话，看着不爽。既然看着不爽，就想
益州府龙骑校尉·2020-04-13 17:00

开启在vue中使用typescript+jsx之旅

起步使用vue-cli4初
juststart_LIC·2020-04-10 02:50
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他