@vue-cli3

基于vue-cli3搭建一个后台管理系统框架

一、安装【1.1】安装Node3.x需要node.js版本为8.9版或者更高的版本，点击这里可以安装node安装过node后，输入下面命令行查询你的node版本：node-v如果当前版本不够，可以输入下面命令行来把node版本更新到最新的稳定版本先清除npm缓存：npmcacheclean-f然后安装n模块：npminstall-gn升级node.js到最新稳定版：nstable如果是mac在命令
dingFY·2022-02-08 18:51

vue.config.js 配置 vue项目打包配置

vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建创建vue.config.jsvue.config.js是一个可选的配置文件，如果项目的(和package.json
胡图图_45c9·2022-02-08 12:41

vue-cli3 设置端口号(81)无效的解决

目录vue-cli3设置端口号(81)无效vue-cli3.0怎么修改端口vue-cli3设置端口号(81)无效用vue-cli3创建的项目端口号从8080开始，被占用依次加1，也就是说8080用不了用
·2022-02-07 17:42

vue-cli3项目中移动端尺寸适配（px2rem）

前言本篇文章主要讲的是如何在vue-cli3项目中使用postcss-px2rem对移动端进行尺寸适配什么是postcss-px2rempostcss-px2rem会将你代码中的px转换为rem使用方法
张成的开发笔记·2022-02-07 09:57

vue-cli3实现分环境打包步骤

vue-cli3实现分环境打包步骤（给不同的环境配置相对应的打包命令）在vue-cli3的项目中，npmrunserve时会把process.env.NODE_ENV设置为‘development’；npmrunbuild
yichen_china·2022-02-06 06:26

通俗易懂讲解vue.config.js的配置参数

贴上官网vue-cli3创建的时候并不会自动创建vue.config.js，因为这个是个可选项，所以一般都是需要修改webpack的时候才会自己创建一个vue.config.js再然后因为vue-cli3
我写的代码绝对没有问题·2022-02-05 03:06

vue-cli3项目搭建配置

vue-cli3项目搭建配置以及性能优化项目初始化注意：安装前请确保有安装node.js，并且node>=8.9全局安装vuenpminstall-g@vue/cli如果之前安装了vue旧版本，查看vue
O蚂蚁O·2022-02-04 23:54

超级详细非常易懂篇！VUE学习笔记之vue-cli搭建项目

声明：这是之前使用vue-cli2.x的版本哦~使用vue-cli3见vue-cli3搭建项目+引入elementui实例vue-cli就是一个脚手架，步骤很简单，输入几个命令之后就会生成整个项目，里面包括了
嗯哼曼·2022-02-03 11:40

vue-cli3 vue2 保留 webpack 支持 vite 成功实践

项目背景：脚手架：vue-cli3，具体为"@vue/cli-service":"^3.4.1"库：vue2，具体为："vue":"2.6.12"备注：没有typescript,非ssr痛点：随着时间的推移
·2021-12-19 13:38

vue-cli3 兼容 IE 浏览器的不完全踩坑之旅

版权声明：本文原创，转载请注明出处https://www.jianshu.com/p/a778e91ed412vue-cli2兼容IE浏览器的不完全踩坑之旅IE浏览器真是不合群又不懂事，让无数开发者操碎了心啊···本文会持续补充遇到的相关IE兼容问题和解决方案！（兼容>=IE9）背景生产环境vue2.6.10index.html中以cdn方式引入axios0.18.01.老生常谈的ES6语法兼容（
柚子胖鸡_·2021-12-07 16:52

vue.js打包项目后页面出现空白的解决办法

相信很多刚刚接触vue的伙伴会遇到这样的问题，就是说vue项目在开发环境下一切正常，但是打包之后，打开index.html页面却是一片空白，打开控制台发现这样的错误出现这种情况要分两个处理方式（vue-cli2和vue-cli3
·2021-11-30 17:58

antd vue 在 vue.config.js中 自定义主题颜色（定制主题、vue-cli3）

我在自定义less变量时，less、less-loader的版本号不同，会报奇怪的错误此篇，定制主题也会根据版本号报不同的错误最终！我选用的版本[email protected]、[email protected]这篇也基于[email protected]、[email protected]进行定制主题操作一、vue.config.js文件module.exports={//增加这部分代码css:{requireModul
·2021-11-30 15:50

手把手教你搭建vue3.0项目架构

前言：GitHub上我开源了vue-cli、vue-cli3两个库，文章末尾会附上GitHub仓库地址。这次把2.0的重新写了一遍，优化了一下。
·2021-11-22 18:58

如何解决Vue.js创建项目时cnpm命令无法运行问题

而npm命令因远程服务器在国外，大家需要使用cnpm命令（国内淘宝镜像服务器），可以更加快速运行命令.在安装vue-cli3图形界面时，于是npminstall-g@vue-cli命令被cnpminstall-g
国林哥·2021-11-21 13:31

从零开始vue项目使用cesium开发三维地图（一）

打包之类的，复杂且容易出错，通过vue-cli-plugin-cesium这个插件可以快速帮你创建一个demo示例，然后根据自己的需要创建三维地图一、vue-cli快速创建一个vue项目框架（必须使用vue-cli3
前端的路人丁·2021-11-12 15:26

vue.config.js配置，webpack打包配置详解

注意：vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建第一步：手动创建vue.config.js文件，一般放在和package.json同级目录中，vue.config.js
罗会·2021-10-26 13:53

Vue CLI创建第一个项目

创建第一个项目安装完vue-cli3之后，我们需要创建一个项目，它与之前的版本创建命令是不同的：//这是vue-cli3的创建vuecreateproject-vue-cli//这是vue-cli2的创建
暖A暖·2021-10-18 21:35

智汀家庭云-开发指南Web：项目架构

这里主要讲下项目的结构和技术架构，方便我们快速开始开发1.项目架构【1】项目技术架构本项目主要采用vue+webpack+vant项目主要用vue-cli3脚手架进行初始化，然后根据项目需求进行结构上的调整
·2021-10-08 15:41

vue-cli3 打包优化之 splitchunks

Dllplugin可以把常用库抽离出来，包括vue，vuex之类的库。但是antdesignvue是按需加载，且随时有可能引入新的组件，显然不适合放进dll中。直接和其他文件打进vendor.js有会很大，所以需要将其再单独抽离出来，我决定在config.optimization.splitChunks配置如下：constIS_PROD=process.env.NODE_ENV==='produc
·2021-09-16 17:58

五分钟教你使用vue-cli3创建项目(新手入门)

目录一、搭建vue环境二、Vue脚手架工具三、创建项目四、选择manuallyselect(enter键确认,并进入下一步)五、选择完成之后回车这里我们选择3.x的六、完成之后回车出现以下界面七、回车出现以下界面八、回车出现以下界面九、回车出现以下界面十、回车出现以下界面十一、回车出现以下界面十二、根据提示，启动项目一、搭建vue环境安装Nodejs官网下载Nodejs，如果希望稳定的开发环境则下
·2021-09-15 16:51

vue+px2rem实现pc端大屏自适应的实例代码(rem适配)

配置前言项目构建：基于vue-cli3构建，使用postcss-px2rempx2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将
·2021-08-22 15:09

解决SpringBoot自定义拦截器和跨域配置冲突的问题

目录SpringBoot自定义拦截器和跨域配置冲突技术栈问题引出原代码新代码SpringBoot拦截器和addCorsMappings冲突SpringBoot自定义拦截器和跨域配置冲突技术栈vue-cli3
·2021-08-20 16:13

Vue-ueditor-wrap百度富文本Vue-cli3集成

安装插件npmivue-ueditor-wrap--save下载文件vue-ueditor-wrap作者修定版（https://github.com/HaoChuan9421/vue-ueditor-wrap/tree/master/assets/downloads）这里我选择的是utf-8-jsp下载完成的压缩包，修改文件名为umedit，并放置项目目录下的public的目录中image.png
Diamondlove·2021-07-24 14:43

ESLint配置

vue-cli3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误，修改配置在.eslintrc.js中修改或者关闭eslint1、关闭eslint直接注释掉package.json文件中eslint
RemenberMe·2021-06-29 11:52

vue-cli3打包后上传服务器，浏览器刷新报nginx 404的问题

项目完成之后，npmrunbuild打包上传服务器，从页面正常跳转没有问题，一刷新就会发现vue项目会报nginx404的报错。84a4d55a68dd24fb09ca0a37b50b140.jpg解决方案如下，配置nginxlocation/{root/root/pc;if($http_user_agent~*"(mobile|nokia|iphone|ipad|android|samsung|
好一只帅卤蛋·2021-06-27 03:47

vue-cli3 将组件封装成可引入的js文件

1、在package.json同级目录下目录下创建一个index.js文件importconHeaderfrom"@/components/conHeader";////这一步判断window.Vue是否存在，因为直接引用vue.min.js，它会把Vue绑到Window上，我们直接引用打包好的js才能正常跑起来。import_Vuefrom"vue";conHeader.install=Vue=
小小_绿·2021-06-25 13:51

vue-cli3 + elementui 搭建后台管理界面(二)-首页

登录跳转-路由导航守卫修改src/main.js加入router.beforeEach((to,from,next)=>{if(to.path==='/login'){sessionStorage.removeItem('user');}varuser=sessionStorage.getItem('user');if(!user&&to.path!=='/login'){next({path:'
charmingcheng·2021-06-25 03:14

vue-cli3项目创建-配置-发布

首先需要安装vue-cli3，并初始化一个项目官方教程初始化项目需默认安装router及vuex源码项目预览登录账号密码随意填项目接口用的是easy-mock的服务，偶尔会500造成接口请求报错，如果遇到就等一会重新试下
RtyXmd·2021-06-23 14:52

VUE开发--Vue-Cli3(四十一)

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

Vue-cli3中使用TS语法,以及使用例子

并不是要把vue文件改为ts，而是可以在vue中写ts语法ts有什么用？类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。typescript不仅可以约束我们的编码习惯，还能起到注释的作用，当我们看到
羽翼的翼·2021-06-21 06:48

详解vue-cli3环境变量与分环境打包方法

此篇文章会先讲具体操作步骤，后面会介绍原理，如时间紧急只看第一部分即可具体步骤（以测试环境模式为例）修改package.json在scripts里添加一行命令"test":"vue-cli-servicebuild--modetest"添加.env.test文件在项目根据经创建.env.test文件，内容：NODE_ENV='production'//表明这是生产环境（需要打包）VUE_APP_C
LM林慕·2021-06-20 23:40

创建vue-cli3项目和配置

https://segmentfault.com/a/1190000017008697一、创建项目：1、创建第一项vuecreatehello-world2、你会被提示选取一个preset。选择第一项：node-sass\vuex\axios3、下载所需要的插件：cnpmi--save-devcompression-webpack-plugin//gzip压缩cnpmi--save-dev@gfx
落花夕拾·2021-06-20 16:20

vue-cli3配置文件

一、vue.config.js文件配置在项目根目录下自己手动新建vue.config.js文件，会被@vue/cli-service自动加载。参考的官方文档1、配合webpack的配置简单配置调整webpack配置最简单的方式就是在vue.config.js中的configureWebpack选项提供一个对象。该对象将会被webpack-merge合并如最终的webpack配置。在configur
葵葵的花园·2021-06-20 13:56

git Bash 解决无法上下选择问题（@vue/cli中找到.bashrc文件位置）

方法一：在使用vue-cli3初始化vue项目时，遇到的上下箭头无法移动的情况原本的初始化命令是vuecreatemy-project只需要winptyvue.cmdcreatemy-project即可方法二
·2021-06-19 23:45

git Bash 解决无法上下选择问题（@vue/cli中找到.bashrc文件位置）

方法一：在使用vue-cli3初始化vue项目时，遇到的上下箭头无法移动的情况原本的初始化命令是vuecreatemy-project只需要winptyvue.cmdcreatemy-project即可方法二
·2021-06-19 23:57

使用Vue-Cli创建项目模板

Vue-Cli3创建（版本3与版本2不同）安装两种方式，使用npm或者yarn，注意是全局安装npminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装之后，可以检查是否安装成功
kiterumer·2021-06-19 16:01

vue-cli3+vant+vantRem适配方案项目搭建

1、安装vue-cli3脚手架，不懂的去vue-cli官网npminstall-g@vue/cli2、通过vue-cli3创建项目vuecreatemy-project创建的过程有很多选项，我的常用选项
泪滴在琴上·2021-06-19 05:14

基于vue-cli3在vue中实现rem布局：postcss-pxtorem+amfe-flexible实现移动端适配

在vue中实现rem布局：postcss-pxtorem+amfe-flexible实现移动端适配环境参数：vue-cli3.4.1安装postcss-pxtoremnpminstallpostcss-pxtorem--save-devcnpminstallpostcss-pxtorem--save-dev安装amfe-flexiblecnpmi-Samfe-flexible注意一下-S的位置，至
辣瓜瓜·2021-06-15 10:58

Vue防止白屏添加首屏动画

vue-cli3生成的项目中，打开index.html会发现如下代码We'resorrybutdoesn'tworkproperlywithoutJavaScriptenabled.P
liunewshine·2021-06-15 04:05

用vue-cli3开发一个模仿饿了吗的ui库

初始化项目使用vue-cli3初始化项目，初始化目录如下：image.png将src修改为packages，用于放置组件源文件。
闲余幽梦·2021-06-14 03:29

element实战一（vue-cli3和2区别，父子组件传值）

3.0的目录简单了很多，少了build,config两个目录。需要对webpack进行配置的话，要手动在根目录新建一个vue.config.js文件image.png//vue.config.js常⽤配置module.exports={//基本路径,vue.cli3.3以前请使用baseUrlpublicPath:'/',//输出文件目录outputDir:'dist',//用于嵌套生成的静态资产
jiahzhon·2021-06-13 20:07

如何使你的vue spa项目直接访问index.html文件即可运行

使用vue-cli3搭建的项目在更目录下创建vue.config.jsmodule.exports={publicPath:process.env.NODE_ENV==='production'?".
_woodman_·2021-06-13 05:58

Vue-cli3 关于ie ES6兼容问题解决

安装babel-polyfillnpminstallbabel-polyfill--save-dev在babel.config.js中配置module.exports={presets:['@vue/app',['@babel/preset-env',{useBuiltIns:'entry'}]]在vue.config.js中进行配置module.exports={chainWebpack:(co
迦叶凡·2021-06-13 04:43

vue笔记

vue2:https://cn.vuejs.org/v2/guide/vue-cli3:https://cli.vuejs.org/zh/vuex：https://vuex.vuejs.org/zh/guide
野渡无人666·2021-06-10 22:27

vue-cli多环境打包配置

安装vue-cli3并且初始化项目之后，打开package.json，会看到script中初始是这样的image.png添加我们要要用到的指令image.png在项目根目录下新建对应的环境文件，文件名为
PFelix·2021-06-09 15:20

vue-cli3引入高德地图

vue.config.jsmodule.exports={configureWebpack:{externals:{'AMap':'AMap'//高德地图配置}}}loadMap.jsexportdefaultfunctionloadMap(key,plugins,v='version'){returnnewPromise(function(resolve,reject){if(typeofAMa
codeassa·2021-06-08 19:34

第三方账户登录--github

账户进行第三方登录授权前端vue，后端node+express+mysql，使用什么框架技术不重要，大体的授权逻辑是一样的项目源码效果预览github授权登录1.项目创建准备（前端+后端+数据库）前端前端使用vue-cli3
RtyXmd·2021-06-08 07:33

vue-cli3 关闭eslint

vue-cli3关闭eslint关闭eslint直接注释掉package.json文件中eslint的配置就可以了（以下是vue-cli的默认配置）"eslintConfig":{"root":true
WangYatao·2021-06-07 02:17

typescript下的vuex怎么用？再不知道就晚了

ts配置vuex的使用指南在使用vue-cli3和typescript搭建项目的大型项目的时候，因为官网文档太过于简单导致，往往会出现各种问题，今天就详细讲讲关于store仓库如何使用问题（无奈狗头，网上提供的资源过于简单不满足具体需求
前端划水工·2021-06-05 09:15

在vue-cli3中使用mockjs

这里我使用了vue-cli3环境。安装yarnaddmockjs//或者npmimockjs-S搭建mock环境1、在根目录新建mock目录，在mock目录里新建index
回不去的那些时光·2021-06-05 02:55
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他