@vue-cli3

webpack打包优化

项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。
有手就...卧槽我手呢·2021-06-04 10:47

去哪儿项目开发流程（简述）

vue-cli3/4+vue-router+axios+vant+rem二、在确定技术栈之后，开始项目搭建在这里我是通过UI可视化界面快速搭建的项目三、搭建好项目之后，进行一些相关配置多环境变量配置（开发
Chir.t·2021-06-02 21:32

vue echarts 图表数据导出excel

注意：该文章基于vue-cli4.5，vue-cli3以上都可以啦。
窝似动感超人·2021-06-01 16:59

Vue.js 实战系列之实现视频类WebApp的项目开发——10. 本地mock数据实现数据请求

功能实现本地mock数据vue-cli3之后在不修改vue.config.js配置文件的情况下，本地资源
前端小新_XH·2021-05-21 14:44

vue项目的简单搭建，vue init 和 vue create 的区别

本文基于：[email protected]@2.6.11vuecreate和init的区别是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，
南歌子·2021-05-15 19:04

[VueCli3]Vue组件如何发布到Npm

使用VUE-CLI3方式开发组件第一步：创建项目并编写myToast组件开始编写一个toast组件myToast.vue创建一个目录myToast，先编写组件内容，具体代码如下：{{message}}expo
老鼠AI大米_Java全栈·2021-05-14 18:34

vue 的优化总结之cdn优化(webpack.dll优化)

目录1.CDN优化(vue-cli3同样适用)1.1cdn引入各种包1.2配置webpack.base.conf.js（vue-cli3的话写在vue.config.js文件中）vue-cli2vue-cli32
水香木鱼·2021-05-14 15:51

Vue 封装echarts公共方法

每个图表的都要进行初始化对应的DOM元素绑定varmyChart=echarts.init(document.getElementById('eleDom'));所以就想提取公共的初始化方法就有了以下思路，使用的vue-cli3
NemoExpress·2021-05-13 09:38

使用vue-cli3创建vue3项目

创建项目vuecreate项目名称default：默认配置,,如果选择默认一直回车即可，第一第二个就是vue2和vue3的区别manually：手动配置,选择手动需要进行相应的配置image.png根据自己项目需求选择相应的选项,上下键和空格选择，最后回车确认babel---转码typescriptProgressiveWebApp(PWA)Support---（PWA）routervuexCSS
yimi珊·2021-05-12 14:30

vue-cli3 创建的项目 默认的单元测试报错解决

1.报错消息类似：shishifanbuxiedeMacBook-Pro:my-cesium-demoshishifanbuxie$cd/Users/shishifanbuxie/example/my-cesium-demo;env"CI=vscode-jest-tests"/usr/local/bin/node--inspect-brk=45373node_modules/jest/bin/je
QingMings·2021-05-03 23:24

vue-cli3 项目使用cdn优化首屏加载慢

作为一个网站应用，加载速度是非常重要的。加载速度，一个是程序的合理安排，如以组件按需加载，一个是js、css等资源的异步加载。在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首开的体验。解决方法是，将引用的外部js、css文件剥离开来，不编译到vend
青争小台·2021-04-30 20:14

Vue组件化编码

使用vue-cli创建模板项目1、说明1）vue-cli是vue官方提供的脚手架工具2）github:https://github.com/vuejs/vue-cli3）作用:从https://github.com
qianxun0921·2021-04-28 18:37

vue展示.md文件

需求：在vue项目中导入并展示markdown文件（使用的vue-cli3）在网上搜索了挺久，还是插件vue-markdown-loader比较好用安装vue-markdown-loader将markdown
伴歌知行·2021-04-27 16:58

脚手架3---项目配置解读

vue-cli3配置去哪里了？
hhtSeeTheWorld·2021-04-26 00:02

第一次使用vue-cli3搭建项目

认识VueCLI3vue-cli3与2版本有很大区别vue-cli3是基于webpack4打造，vue-cli2还是webapck3vue-cli3的设计原则是“0配置”，移除的配置文件根目录下的，build
hhtSeeTheWorld·2021-04-25 23:30

【前端开发】Vue-CLI4 &Vue-CLI3 与Vue-CLI2 的区别以及打包配置问题

撸文档，Vue-CLI4、Vue-CLI3与Vue-CLI2之间的区别：使用后Vue-CLI4总体上与Vue-CLI3区别不大，Vue-CLI4与Vue-CLI2最直接的区别：1、安装：Vue-CLI2
李猫er·2021-04-25 21:51

vueJs请求接口获取数据的实现及跨域问题

前言本文基于vue-cli3。一、通过api接口获取数据在vuejs中请求接口，大体分为两种方式：vue-source和axios。它们都是经过良好封装的http请求插件。下文将简单介绍一下使用方法。
dounine·2021-04-24 11:45

移动端Rem适配（基于vue-cli3 ，ui框架用的是vant-ui）

介绍postcss-pxtorem是一款postcss插件，用于将单位转化为remlib-flexible用于设置rem基准值1、安装lib-flexible（用于设置rem基准值）npmi-Samfe-flexible2、在main.js文件中引入lib-flexibleimport'amfe-flexible'3、安装postcss-pxtorem（postcss-pxtorem是一款post
脏十三i·2021-04-19 13:02

vue-cli3项目打包后自动化部署到服务器

vue项目打包后,将文件复制到服务器显然是很麻烦，于是结合网上的资料，写下这篇自动化部署的记录。一、安装scp2npminstallscp2--save-dev二、写好脚本例如upload.js（下面任选一个即可）位置和package.json平级即可。简略版'usestrict'//引入scp2varclient=require('scp2');client.scp('./dist/',{//本
邢走在云端·2021-04-17 17:12

发布 一个独立的vue-cli3项目 到npm 以插件的方式集成进项目（前端微服务）

目录前端微服务创建一个简单的vue项目改造项目新建一个发布的配置文件publish.js打包使用维护1.前端微服务所谓的前端微服务其核心就是集成，将多个不同的应用集成到一个主应用中，他们之间互不影响，独立开发。由此，在我们平常的项目管理中，项目会比较繁多，可以采用这种插件式的管理，将各个单独的模块打包发布到npm或者私服（最好是私服安全），然后在主项目中以插件的形式集成进来注意：下面说的是用vue
小墨宝·2021-04-16 15:32

vue-cli3安装webpack-bundle-analyzer分析打包文件大小

执行以下命令安装cnpminstallwebpack-bundle-analyzer--save-dev然后vue.config.jschainWebpack:config=>{config.output.filename('js/[name].[hash].js').end();config.plugin('webpack-bundle-analyzer').use(require('webpa
shaguamayi·2021-04-15 03:57

【前端数据可视化】04 - vue-cli3 命令行下创建项目并安装ElementUI和ECharts

1.创建项目1.1使用vuecreate项目名称使用vuecreate命令创建项目1.2使用空格选择或者取消选择使用空格选择或者取消选择1.3这里选择no这里选择no1.4选择css样式支持选择`css`样式支持1.5选择EsLint配置选择EsLint配置1.6配置保存的地方配置保存的地方2.取消EsLint对空格的检查取消EsLint对空格的检查3.安装ElementUI使用命令addelem
itlu·2021-04-14 17:37

vue-cli3 配置骨架屏方案

vue-cli3配置骨架屏方案前言最近在学vue,准备使用vue写一个移动端项目。考虑到首页白屏优化，需要实现骨架屏需求。
w候人兮猗·2021-04-14 06:00

vue-cli3使用cdn方式引入moment.js

index.html引入：vue.config.js配置：module.exports={configureWebpack:{externals:{"moment":"moment",}}};.ts中使用importmomentfrom"moment";@Component({})exportdefaultclassTasksextendsVue{time=moment();}
world_7735·2021-04-13 19:24

vue移动端模板

根据项目的需求，会有做移动端项目的时候，通过vue-cli3脚手架搭建完成后，需要进行一些配置，例如rem布局、第三方组件库等等，近期做了一些移动端的配置，来分享一下。
Mmmmmmm_4b70·2021-04-13 06:14

vue-cli3的二级域名使用history模式的各种问题学习

最近遇到需要配置二级域名的情况，使用vue-cli3、router与nginx配置的时候，遇到了各种各样的问题。在这里记录一下成功方法。1、使用vue-cli创建一个新手项目。
·2021-04-08 19:24

vue内网穿透问题：Invalid Host header

问题背景：为了能让外网访问我的电脑，使用了内网穿透Ngrok，然后用vue-cli3创建了vue项目，项目运行正常，用Ngrok提供的地址访问，Ngrok显示200访问成功，但是网页上确提示错误InvalidHostheader
楊帥·2021-04-06 16:37

vue多页面自动化编译

基于vue-cli3的自动化多页面模板,在网上资源文章及自己需求的推动下,可以各页面独立资源分文件夹编译和原生所有资源统一编译.正文大家可以直接使用我改好的初始模板.自己搭建创建自动化脚本在项目根目录创建
·2021-03-29 12:03

组件开发规范（vue）

前端组件开发规范基础技术栈为vue脚手架为vue-cli3脚本语言JAVAScript采用ECMAScript6.0以及以下语法编码规范参考code编写本篇文章依据官方推荐方案分为几个优先级来依据遵循:
·2021-03-29 12:31

个人收藏

egg中文文档AntVG2中文文档AntDesignofReact中文文档AntDesignofVue中文文档Lodash中文文档高德地图JSAPI文档揭秘vue——vue-cli3全面配置iview框架
唯吾听烟雨·2021-03-12 18:31

vue css >>> /deep/穿透，深度查询样式在chrome89 edge最新版本中无效问题

利用vue开发项目过程中，控制台一直有警告⚠️提醒如下图，但是一直没有解决，因为大概上网查了一下据说只有在vue-cli3以上版本不可以，考虑到项目使用的是vue2.5.17,所以就懒得弄了，直到最近chrome
·2021-03-10 21:53

vue-cli3 搭建项目流程

上一次用脚手架从零开始搭建项目已经是两年前的事情了，正好最近有一个新项目启动，我决定重新搭建一个，然后梳理一下流程。操作步骤：1、安装node：需要在node官网下载一个稳定版本安装一下就可以了。2、安装脚手架：//这里是脚手架3npminstall-g@vue/cli3、创建项目：vuecreate项目名然后出现下面的选项，现在是选择vue2和vue3；这里我选的是vue2,主要考虑是vue2比
三个木马人·2021-03-10 11:29

Vue-cli3 项目创建

我自己安装的是vuecliv4.5.11，对vue3的版本同样适用在此之前要安装好vue-cli3（没有安装的，建议参考官网https://cli.vuejs.org/zh/guide/installation.html
March_liang·2021-03-09 09:11

Vue前端工程化、Vue-cli3和Element-UI

文章目录1.模块化的分类A.浏览器端的模块化B.服务器端的模块化C.ES6模块化2.在NodeJS中安装babelA.安装babelB.创建babel.config.jsC.创建index.js文件D.使用npx执行文件3.设置默认导入/导出A.默认导出B.默认导入4.设置按需导入/导出A.按需导出B.按需导入5.直接导入并执行代码6.webpack的概念7.webpack的基本使用A.创建项目目
Mr.魏（魏先生）·2021-03-06 18:32

vue-cli 安装问题ERROR command failed: npm install --loglevel error --registry

使用vue-cli3创建项目的时候出错，ERRORcommandfailed:npminstall--loglevelerror--registry命令：vuecreatevue-hello错误提示：ERRORcommandfailed
遇见的昨天·2021-03-03 22:24

VUE项目管理器（Vue-cli3安装）

1.安装node.js安装途径：官网（外网下载速度较慢）或http://nodejs.cn/download/安装时全部选择默认，否则可能需要手动配置在命令行输入node-v和npm-v查看版本号确认安装成功2.安装cnpm淘宝镜像因国内使用npm很慢，所以推荐使用淘宝npm镜像cnpmwin+R输入cmd打开命令行窗口，输入npminstall-gcnpm--registry=https://r
枇杷弹琵琶·2021-03-03 17:32

vue-cli3按需引用elementUI

1、安装element-uinpmielement-ui-S2、根据官网中的按需引入的介绍，安装babel-plugin-component后，npminstallbabel-plugin-component-D3、官网介绍的是，修改.babelrc为{"presets":[["es2015",{"modules":false}]],"plugins":[["component",{"librar
·2021-02-26 21:40

vue-cli3按需引用elementUI

1、安装element-uinpmielement-ui-S2、根据官网中的按需引入的介绍，安装babel-plugin-component后，npminstallbabel-plugin-component-D3、官网介绍的是，修改.babelrc为{"presets":[["es2015",{"modules":false}]],"plugins":[["component",{"librar
·2021-02-26 20:42

vue-cli3使用svg图标的详细步骤

1.安装依赖npminstallsvg-sprite-loader-D2.在vue.config.js里添加配置module.exports={chainWebpack:config=>{constsvgRule=config.module.rule("svg");svgRule.uses.clear();svgRule.use("svg-sprite-loader").loader("svg-s
·2021-02-26 15:10

vue-cli3使用和配置带请求

1.下载安装vue-cli3，这里我使用npm安装npminstall-g@vue/cli2.创建一个项目vuecreateproject-name//vue-cli3红色的是自己手动添加的文件3.配置之前的配置文件都不见了
Allen6879·2021-02-26 09:13

vue-cli3项目配置自动eslint代码格式化校验

vue-cli3项目配置自动eslint代码格式化校验为了使得代码更加规范以及更易读，需要规范前端团队成员的eslint和vscodesetting，现在记录下我们需要做的具体方法。
祖传做年糕·2021-02-25 11:31

vue-cli3在构建多页面情况下js内存溢出解决方案

vue-cli2遇到js内存溢出问题解决方案直接在命令行npmrundev和npmrunbuild命令行加上--max_old_space_size=4096，主要是增加的node运行内存vue-cli3
池鱼_故渊·2021-02-23 11:47

vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件

这篇博客主要介绍在使用vue-cli3创建的项目中如何使用该插件。项目地址：https://gitlab.com/JiaoXN/vuecli
·2021-02-20 13:21

探索webpack构建速度提升方法和优化策略

构建的统计信息，package.json中使用stats，方式如下："scripts":{"build:stats":"webpack--envproduction--json>stats.json"}如果你是vue-cli3
·2021-02-14 12:56

如何配置 vue-cli 3.0 的 vue.config.js

vue-cli3英文文档vue-cli3中文文档webpack4pluginswebpack-chainTLDRvue-cli3与2版本有很大区别vue-cli3的github仓库由原有独立的github
·2021-02-08 00:07

前端工程化（Vue-cli3和Element-ui）

文章目录目标：目录：1、Vue脚手架1.1、Vue脚手架的基本用法使用步骤：基于交互式命令的方式，创建新版Vue项目图形化方式创建Vue项目基于2.x的旧版本，创建旧版vue项目1.2、Vue脚手架生成的项目结构分析1.3、Vue脚手架的自定义配置通过package.json配置项目通过单独的配置文件配置项目（推荐）2、Element-UI的基本使用基于命令行方式手动安装基于图形化界面自动安装目标
weixin_46370867·2021-02-05 23:10

vue-cli3+typescript初体验——router篇

使用vue-cli3创建的项目，src目录下的文件结构并没有多大区别，store、router、app、view、components、aeests该有的还是有的。
·2021-01-29 15:22

vue-cli3 使用jsx踩坑(Duplicate declaration “h“ (This is an error on an internal node. Probably an inter)

近来想在vue-cli3的项目中使用jsx的语法，然后按照网上教程一顿百度，也看了vue官方文档，按照官方文档一顿操作点击插件配置babel一顿配置瞬间感觉自己好棒棒，一下子配好了，殊不知-结论！！！！
yumang111·2021-01-28 11:40

使用/deep/报错

我这里用的vue-cli3编译后发生的错误，改成::v-deep就好了。后来百度了一下，都说::v-deep更保险并且编译速度更快。
爱吃猫的鱼v.2·2021-01-27 10:27

Vue-CLI3 脚手架搭建教程（全都是图）

脚手架是什么Vue脚手架用于快速生成Vue项目基础架构，网址：VueCLI安装脚手架：npminstall-g@vue/cli使用命令行创建项目在终端中输入如下命令进入交互式命令行：vuecreateproject这个界面让你选择创建的模式，按上下键可以移动，分别为：默认：vue2默认：vue3手动选择如果选择手动，会变成下面界面：按下a选择所有，按下i反向选择，按下空格选择当前，选择完毕按下回车
陪艳艳学前端·2021-01-27 00:51
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他